@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: "fzzzhonggjw";
    src: url("fonts/fzzzhonggjw.woff2") format("woff2"),
    url("fonts/fzzzhonggjw.woff") format("woff"),
    url("fonts/fzzzhonggjw.ttf") format("truetype"),
    url("fonts/fzzzhonggjw.eot") format("embedded-opentype"),
    url("fonts/fzzzhonggjw.svg") format("svg");
}

@font-face {
    font-family: "FZLTCXHJW";
    src: url("fonts/FZLTCXHJW.woff2") format("woff2"),
    url("fonts/FZLTCXHJW.woff") format("woff"),
    url("fonts/FZLTCXHJW.ttf") format("truetype"),
    url("fonts/FZLTCXHJW.eot") format("embedded-opentype"),
    url("fonts/FZLTCXHJW.svg") format("svg");
}

@font-face {
    font-family: "DINCond-Bold";
    src: url("fonts/DINCond-Bold.woff2") format("woff2"),
    url("fonts/DINCond-Bold.woff") format("woff"),
    url("fonts/DINCond-Bold.ttf") format("truetype"),
    url("fonts/DINCond-Bold.eot") format("embedded-opentype"),
    url("fonts/DINCond-Bold.svg") format("svg");
}

.f-fz{font-family: "fzzzhonggjw";}
.f-lt{font-family: "FZLTCXHJW";}
.f-en{font-family: "DINCond-Bold";}
.nfw{font-weight: normal;}

.dot6 {display: -webkit-box;display: box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp: 6;}

.auto_1200{width: 95%; max-width: 1200px;}

/*baidu edit css*/
.view.editor p {
    margin: 16px 0;
}
.view.editor .list-paddingleft-2 {
    padding-left: 0;
}
.view.editor ol, .view.editor ul {
    width: auto;
}
.view.editor li {
    clear: inherit;
}

.clear {clear: both;height: 0px;overflow: hidden;zoom: 0;}
.clearfix {*zoom:1;}/*IE/7/6*/
.clearfix:after { content:' '; display:block; height:0; clear:both; }

select {
    /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
    border: solid 1px #000;
    /*很关键：将默认的select选择框样式清除*/
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*在选择框的最右侧中间显示小箭头图片*/
    background: url(../images/select.gif) no-repeat scroll right 10px center transparent;
    /*为下拉小箭头留出一点位置，避免被文字覆盖*/
    padding-right: 14px;
}

/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {
    display: none;
}

.ytable{height: 100%;}
.pic img.nopic{width: 50%;}

.page-ban{ position:relative; z-index: 1;}
.page-ban .txt{ position:absolute; left:0; top:0; height:100%; width:100%; z-index:10; color:#fff; font-size:40px;}
.page-ban .txt h3{ font-size:1em;padding-bottom: 10px; letter-spacing: 5px;}
.page-ban .txt pre{ font-size:0.45em;opacity:0.8;}
.page-ban > img{ display:block;width: 100%;}
/*@media(min-width:1025px){
.page-ban > img{max-height: 800px;}
}*/
@media(max-width:1024px){
    .page-ban .txt{padding-bottom: 0!important;}
}
@media(max-width:768px){
    .page-ban .txt{ font-size:36px;}
    .page-ban .auto{ width:90%;}
}
@media(max-width:640px){
    .page-ban{overflow:hidden;}
    .page-ban > img{max-width:none; width: 150%; margin-left: -25%;}
}
@media(max-width:480px){
    .page-ban .txt{ font-size:24px; }
}
/*banner end*/

.Content{padding-bottom: 47px;}

.Current{position: relative; z-index: 10;}
@media(min-width:1025px){
    .Current dl{border-top: 1px solid rgba(255,255,255,0.2); padding: 28px 0;}
    .Current dd{float: left;}
    .Current dt{float: right;}
    .Current,
    .Current a{color: #fff;}
}
.Current dt{overflow: hidden;}
.Current dt > *{float: left;line-height: 44px;}
.Current dt a{ padding-right: 25px; margin-right: 22px;background: url(../images/ico_arrow_right8.gif) no-repeat right center;}
.Current dt a.no{background: none;margin-right: 0;padding-right: 0;}
.Current dt a:hover{color: #d70039;}
@media(min-width:1025px) and (max-width:1366px){
    .Current dl{padding: 15px 0;}
}
@media(max-width:1024px){
    .Current{padding-bottom: 10px; margin-top: 0 !important;}
    .Current dt{border-bottom: 1px solid #eee;}
    .Current dt a{background-image: url(../images/ico_arrow_right1.png);}
}
@media(max-width:640px){
    .Current dt a{ padding-right: 15px; margin-right: 10px;}
}

.nav-menu li{float: left;}
.nav-menu li:not(:last-child){margin-right: 35px;}
.nav-menu li a{display: block;line-height: 41px; padding-bottom: 3px; position: relative;}
.nav-menu li a:after{position: absolute; content: ''; width: 0; left: 50%; transform: translateX(-50%); height: 3px; bottom: 0;background: #d70039;transition: 0.3s;}
.nav-menu li a:hover:after,
.nav-menu li.aon a:after{width: 100%;}

.Slogan{background: url(../images/Sloganbg.jpg) repeat 0 0;color: #fff;font-size: 44px; padding:1.75em 0; }
.Slogan .txt > *{max-width:662px;width: 95%;}
.Slogan .txt h2{font-family: 'fzzzhonggjw'; font-weight: normal; padding-bottom: 0.22727em;font-size: 1em;}
.Slogan .txt pre{font-size: 0.36364em; line-height: 1.75em;}
.Slogan .search aside{border-bottom: 1px solid rgba(255,255,255,0.3);position: relative;padding-right: 53px;}
.Slogan .search .text{width: 100%;height: 57px; line-height: 57px;background: none;border: 0;font-size: 16px;color: #fff;display: block;}
.Slogan .search .btn{position: absolute; right: 0; top: 0; height: 100%; width: 53px;background: url(../images/ico_search5.png) no-repeat center center;}
@media(min-width:1025px){
    .Slogan .ytable-cell{vertical-align: bottom;}
    .Slogan .txt{width: 68.195%;}
}
@media(max-width:1024px){
    .Slogan .ytable,
    .Slogan .ytable-cell{display: block;}
    .Slogan .search{margin-top: 1em;}
}
@media(max-width:768px){
    .Slogan{font-size: 30px;}
}

.project-body .Slogan .txt > *{max-width:820px;}
.tiles-body .Slogan .txt > *{max-width:790px;}
.weiyu-body .Slogan .txt > *{max-width:798px;}

.project-body .Slogan .txt .project-select{max-width: 570px;}
.project-select{padding-top: 25px;}
.project-select dl{float: left; width: 49%;position: relative; z-index: 3;font-size: 16px;}
.project-select dl.on{z-index: 10;}
.project-select dl:nth-child(2){float: right;}
.project-select dt{cursor: pointer; padding: 0 20px;border: 1px solid rgba(255,255,255,0.3);}
.project-select dt span{padding-right: 10px;background: url(../images/a-sel.png) no-repeat right center; line-height: 58px;}
.project-select dd{display: none;position: absolute; left: 0; top: 100%; width: 100%;background: rgba(255,255,255,0.9);}
.project-select dd ul li ul{display: none;}
.project-select dd li a{display: block; line-height: 30px; padding: 10px 20px;transition: 0.3s;}
.project-select dd li a:hover{background: #d70039;color: #fff;}

.Slogan .search .project-select{padding-top: 0;}
@media(min-width:1025px){
    .Slogan .search .project-select ul{float: right;}
}
.Slogan .search .project-select li{float: left;position: relative;margin-right: 10px; margin-bottom: 2px;  font-size: 16px;}
.Slogan .search .project-select li:before{position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #6b686a; transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg); transition: 0.3s;}
.Slogan .search .project-select li a{position: relative; z-index: 1; display: block;line-height: 50px; padding: 0 30px;color: #fff;}
.Slogan .search .project-select li:hover:before,
.Slogan .search .project-select li.aon:before{background: #d70039;}
.Slogan .search .project-select li:hover a,
.Slogan .search .project-select li.aon a{font-weight: bold;}
@media(max-width:640px){
    .Slogan .search .project-select li a{line-height:40px; padding: 0 20px;}
}

.column-name{text-align: center; padding: 5% 0;font-size: 44px;}
.column-name h2{font-size: 1em;font-weight: normal;font-family: 'fzzzhonggjw';color: #333;}
.column-name pre{text-align: center; font-size: 0.40909em;color: #888;}
@media(max-width:768px){
    .column-name{font-size: 30px;}
}

.news-top{overflow: hidden; padding-bottom: 5%;}
.news-top .slider{margin:0  -15px 38px;}
.news-top li a{display: block; margin: 0 15px; }
.news-top li .pic{overflow: hidden;position: relative;padding-bottom: 75%;}
.news-top li .pic-inner{position: absolute;width: 200%; left: -50%;text-align: center;height: 100%;}
.news-top li .pic-inner img{height: 100%;display: block; margin: 0 auto; transition: 0.3s;}
.news-top li:hover .pic img{transform: scale(1.2); -webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.news-top li .txt{padding-right: 3%;}
.news-top li .txt time{display: block; padding: 20px 0 10px 0; font-family: Arial;color: #888;}
.news-top li .txt h3{line-height: 36px; font-size: 24px;height: 72px;}
.news-top li .txt aside.dot2{line-height: 24px;height: 48px; color: #888; margin: 10px 0;}
.news-top .pager{border-top: 1px solid #d9d7d3;margin-top: 17px;}
.news-top .pager .slick-dots li{float: left; width: 40px; height: 34px; position: relative;background: url(http://ablgw.ydlweb.com/Public/upload/img/ico_rhombus2.png) no-repeat center center; margin: 0 5px;cursor: pointer;}
.news-top .pager .slick-dots li.slick-active{background: none;}
.news-top .pager .slick-dots li button{display: none;width: 100%;height: 34px;color: #333;font-size: 12px;background: url(http://ablgw.ydlweb.com/Public/upload/img/ico_rhombus3.png) no-repeat center center;cursor: pointer;}
.news-top .pager .slick-dots li button:before{content: '0';}
.news-top .pager .slick-dots li.slick-active button{display: block;}
.news-top .pager .slick-dots{display: table; margin: -17px auto 0;padding: 0 32px;background: #fff;}
@media(max-width:1024px){
    .news-top li .txt h3{font-size: 18px; line-height: 22px; height: 44px;}
}
@media(max-width:480px){
    .news-top .pager .slick-dots{padding: 0 10px;}
    .news-top .pager .slick-dots li{margin: 0;}
}

.list-news li{background: #f7f7f7; margin-bottom: 20px;position: relative;}
.list-news li .pic{width: 25%;}
.list-news li .pic a{display: block;overflow: hidden;}
.list-news li .pic img{transition: 0.3s;width: 100%; display: block;}
.list-news li .pic a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.list-news li .more{width: 16.667%; text-align: center;}
.list-news li .more a{font-size: 16px;color: #888;text-transform: uppercase;padding-right: 30px;background:url(../images/more.gif) no-repeat right center; transition: 0.3s;}
.list-news li .more a:hover{color: #d70039;padding-right: 40px;}
.list-news li .txt{padding: 0 3%;color: #888;}
.list-news li .txt h2{margin: 0 0 15px 0;font-size: 20px;position: relative;height:47px;}
.list-news li .txt h2 a{position: absolute; left: 0; top: 0;max-width: 98%;}
.list-news li .txt h2:after{position: absolute; left: 0; bottom: 0; content: '';background: #d70039; width: 60px; height: 1px; }
.list-news li .txt aside.dot2{font-size: 16px;line-height: 24px; margin-bottom: 25px;}
@media(min-width:641px) and (max-width:1280px){
    .list-news li .pic{width: 35%;}
}
@media(min-width:769px){
    .list-news li:after{width: 1px; height: 78%; right: 16.667%;background: #ddd;position: absolute; content: ''; top: 11%;}
}
@media(max-width:768px){
    .list-news li .more{display: none!important;}
    .list-news li .txt h2{font-size: 18px;}
    .list-news li .txt aside.dot2{font-size: 14px;line-height: 20px; margin-bottom: 15px;}
}
@media(max-width:640px){
    .list-news li .pic{width: 45%;}
}
@media(max-width:480px){
    .list-news li .ytable,
    .list-news li .ytable-cell{display: block; width: auto!important;}
    .list-news li .txt{padding: 20px;}
}

.news-info .title{background: url(../images/Sloganbg.jpg) repeat;color: #fff; text-align: center; padding: 70px 0  60px 0;}
.news-info .title h2{font-size: 32px;padding-bottom: 20px;}
.news-info .title p{opacity: 0.6;-webkit-opacity: 0.6;font-size: 16px;}
.news-info .title p span{display: inline-block;}
.news-info .title p span:not(:last-child):after{display: inline-block; content: '';width: 1px; height: 10px;background: #fff; margin: 0 20px;vertical-align: middle;}
.news-info .singlePage{line-height: 32px;font-size: 16px;padding: 5% 0 0 0;}
.news-info .singlePage p{margin: 15px 0;}
.news-info .back{text-align: center; padding: 50px 0;}
.news-info .back a{color: #888;}
@media(max-width:1024px){
    .news-info .title{padding: 30px 0;}
    .news-info .title h2{font-size: 24px;padding-bottom: 10px;}
    .news-info .title p{font-size: 14px;}
}
@media(max-width:640px){
    .news-info .back{padding: 30px 0;}
}

.more-news .auto{border-top:1px solid #d9d7d3;}
.more-news .tit{padding: 25px 0 20px 0;font-size: 22px;color: #333;}
.more-news li{line-height: 32px;font-size: 16px;overflow: hidden;position: relative;padding-right: 100px;}
.more-news li time{position: absolute;right: 0; top: 0; color: #bbb; }
.more-news li a{color: #666;float: left;max-width: 95%;}
.more-news li a:before{display: inline-block; content: ''; width: 2px; height: 2px; vertical-align: middle; margin: 0 9px 0 3px;background: #666;}
.news-info .back a:hover,
.more-news li a:hover{color: #d70039;}
@media(max-width:640px){
    .more-news li{line-height: 28px;font-size: 14px;}
}

/*Pages*/
.Pages{ padding: 50px 0; text-align: center;font-size:16px; }
.Pages > span{display: inline-block; vertical-align: middle;}
.Pages .a_first,
.Pages .a_end,
.Pages .p_cur,
.Pages .p_count,
.Pages .p_total{display: none;}
.Pages .p_jump,
.Pages .p_page{overflow: hidden; }
.Pages .p_page em{font-style: normal;}
.Pages .p_page a{float: left; line-height: 40px; width: 58px; margin: 0 1px; font-family:Arial," sans-serif"; color: #bdbdbd;background: url(../images/page/a.png) no-repeat;}
.Pages .p_page a:hover,
.Pages .p_page a.a_cur{color: #fff;background-image: url(../images/page/a_hover.png);}
.Pages .p_page a.a_next,
.Pages .p_page a.a_prev{font-size: 0; height: 40px; width:68px; background-position: center center;}
.Pages .p_page a.a_prev{background-image: url(../images/page/a_prev.png);}
.Pages .p_page a.a_prev:hover{background-image: url(../images/page/a_prev_hover.png);}
.Pages .p_page a.a_next{background-image: url(../images/page/a_next.png);}
.Pages .p_page a.a_next:hover{background-image: url(../images/page/a_next_hover.png);}

.Pages .p_jump > *{float: left;}
.Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 40px;}
.Pages .p_jump b.f0{margin-right: 6px;}
.Pages .p_jump input{height: 40px; }
.Pages .i_text{ line-height: 40px; text-align: center;border:0; height: 40px;background: url(../images/page/a.png) no-repeat; width:58px; text-align: center; color: #333; font-size:16px;}
.Pages .i_button{background:url(../images/page/go.png) no-repeat; ; width:58px; padding: 0; cursor: pointer; border: none; margin-left: 10px;color: #bdbdbd; font-family:Arial," sans-serif";  }
.Pages .i_button:hover{background-image: url(../images/page/go_hover.png);color: #fff;}
@media(max-width:768px){
    .Pages{ padding:30px 0;}
    .Pages .p_page em,
    .Pages .p_jump{display: none;}
}
/*Pages end*/

.video-box{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:300; background:rgba(0,0,0,0.85);}
.video-box .close{ cursor:pointer; width:40px; height:40px; position:fixed; z-index:4; right:20px; top:20px;}
.video-box .close::before,
.video-box .close::after{ position:absolute; content:''; width:80%; left:10%; height:3px; top:50%; margin-top:-1.5px; background:#fff; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);}
.video-box .close::before{ transform:rotate(45deg);-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);}
.video-box .ytable-cell{ text-align:center;}
.video-box .video-area{ width:90%; max-width:900px; margin: 0 auto;padding-bottom: 28%;position: relative;}
.video-box .video-area > *{position: absolute; left: 0; top: 0;}
.video-box .title{font-size: 24px;color: #fff;padding-bottom: 20px;}

.video-top{position: relative;z-index: 1; margin-bottom: 5.556%;}
.video-top a.play-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20;background: #fff;opacity: 0;-webkit-opacity: 0; cursor: pointer;}
.video-top > img{display: block; width: 100%;}
.video-top .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;background: rgba(0,0,0,0.4);font-size: 30px;}
.video-top .txt .ytable{max-width:90% ; margin: 0 auto;}
.video-top .txt aside{color: #fff;font-size: 1em;text-align: center;}
.video-top .txt .icon{display: block; margin: 0 auto 1em; width:2.66667em;height:2.66667em;background: url(../images/open.png) no-repeat center center;background-size: contain;}
.video-top .control{position: absolute;z-index: 15; left: 3%; right: 3%; bottom: 8%; padding-left: 60px;height: 2px;}
.video-top .control > span{position: absolute; top:50%;margin-top: -8px;width: 13px; height: 16px;background: url(../images/c-pause.png)no-repeat center center;}
.video-top .control > span.pause{left: 0;}
.video-top .control > span.play{left: 33px; background-image: url(../images/c-play.png);}
.video-top .control .jd{background: rgba(255,255,255,0.2);height: 2px; position: relative;}
.video-top .control .jd span{position: absolute; left: 0; top: 0; height: 100%; width: 15%;background: #fff;}
@media(max-width:1024px){
    .video-top .txt{font-size: 24px;}
}
@media(max-width:640px){
    .video-top .txt{font-size: 16px;}
}

.list-video li{ margin-bottom: 3.473%;}
.list-video li a{display: block;cursor: pointer;color: #555;}
.list-video li a:hover{color: #d70039;}
.list-video li .pic{background: #000;overflow: hidden;position: relative;padding-bottom: 56.523%;}
.list-video li .pic-inner{position: absolute; left: -50%; top: 0; width: 200%;height: 100%;}
.list-video li .pic img{opacity: 0.8;-webkit-opacity: 0.8;display: block;height: 100%;margin: 0 auto;transition: 0.3s;}
.list-video li a:hover img{opacity: 1;-webkit-opacity: 1;transform: scale(1.1);}
.list-video li aside{padding: 20px 0; line-height: 30px;font-size: 18px;}
.list-video li aside:before{float: right;width: 30px; height: 30px; content: ''; background: url(../images/open2.png) no-repeat;}
@media(min-width:481px){
    .list-video li{float: left;}
}
@media(min-width:1025px){
    .list-video li{width: 31.945%;}
    .list-video li:not(:nth-child(3n)){margin-right: 2.0825%;}
}
@media(min-width:481px) and (max-width:1024px){
    .list-video li{width: 48.5%;}
    .list-video li:not(:nth-child(2n)){margin-right: 3%;}
}
@media(max-width:480px){
    .list-video li aside{padding: 10px 0;font-size: 16px;}
}

#share a{width: 60px; height: 60px; line-height: 60px; font-size: 30px;color: #9a9a9b;background: rgba(255,255,255,0.05);border: 0; margin: 0 16px;}
#share a:hover{background: #fff;color: #2c2b2c;}
/*#share a .wechat-qrcode{ left: 50%; margin-left: -100px;}*/
#share .qrcode .pic{ display: inline-block;}
#share .qrcode .pic span,
#share .qrcode .pic b{ display:block;}
#share .qrcode .pic b{font-weight: normal;}
@media(max-width:480px){
    #share a {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 24px;
    }
}

.about-content .box{background-position: center top;background-repeat: no-repeat;color: #fff;background-size: cover;}
.about-content .box-1{background-image: url(../images/about-boxbg-1.jpg); padding-bottom: 6.5%;}
.about-content .box-2{background-image: url(../images/about-boxbg-2.jpg);}
.about-content .box-3{background-image: url(../images/about-boxbg-3.jpg);}

.about-content .box-2 .pic img{display: block; width: 100%;}
@media(min-width:1441px){
    .about-content .box-2 .info-edit{float: right; padding-right: 3%;}
    .about-content .box-2 .item-list:nth-child(2n-1) .info-edit{ width: 87.5%;}
    .about-content .box-2 .item-list:nth-child(2n) .info-edit{width:85%;}
}
@media(max-width:1440px){
    .about-content .box-2 .info-edit{width: 90%; margin: 0 auto;}
}
@media(min-width:769px){
    .about-content .box-2 .pic{width: 50%;}
}
@media(max-width:768px){
    .about-content .box-2 .ytable,
    .about-content .box-2 .ytable-cell{display:block;}
    .about-content .box-2 .txt{padding: 30px 0;}
}

.about-content .box-3 .title{font-size: 24px;padding:4% 0;}
@media(max-width:640px){
    .about-content .box-3 .title{padding: 10% 0;}
.about-content .box-3 .title{font-size: 18px;}
.about-content .box-3 .title .tab_ti span{display:inline-block;}
}


.histroy .title .tab_ti span{transition:all .6s; padding:10px 0; margin:0 10px;}
.histroy .title .tab_ti span:hover{ color:#d70039;}
.histroy .title .tab_ti span.on{ color:#d70039; border-bottom:solid 1px #ddd; display:inline-block;}
.histroy .tab_con{ display:none; }

.histroy .main{position: relative; z-index: 1;}
.histroy .main:before{content: ''; position: absolute; left: 0; top:56px; width: 100%; height: 1px; background: rgba(255,255,255,0.15);}
.histroy .inner{padding: 0 32px;}
.histroy .inner time,
.histroy .inner .pic{max-width: 180px; width: 95%;}
.histroy .inner time{text-align: center;font-size: 24px;padding-bottom: 25px;}
.histroy .inner .pic{position: relative;}
.histroy .inner .pic:before{width: 1px; display: block; margin: 10px auto 20px; content: ''; height: 50px;background: rgba(255,255,255,0.15);}
.histroy .inner .pic i{position: absolute; left: 50%; width: 18px; height: 18px; border-radius: 50%; top: -18px; margin-left: -9px; background: rgba(76,150,191,0.2);}
.histroy .inner .pic i:before{position: absolute; content: '';width:8px; height: 8px; border-radius: 50%; background: #c7eafe; left: 50%; top: 50%; margin: -4px 0 0 -4px;}
.histroy .inner .pic img{display: block;width: 100%;}
.histroy .inner pre{line-height: 28px; font-size: 16px; max-width: 365px; margin: 3% 0 25% 0;}
.histroy .swiper-container .swiper-scrollbar{background: rgba(213,235,247,0.2);height:5px;}
.histroy .swiper-container .swiper-scrollbar-drag{background: #c7eafe;cursor: e-resize; height:200%; top:-60%;}
@media(max-width:640px){;
    .histroy .inner > *{margin-left: auto!important; margin-right: auto!important;}
    .histroy .main .auto{padding: 0 8%;}
}

.win-up{position: fixed;width: 100%;height: 100%;background: rgba(37,48,70,0.5);z-index: 99;top: 0;left: 0;display: none;}
.win-up .box{width: 710px;border: 10px solid #FFFFFF;background: #FFFFFF; position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);  -ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%); }
.win-up .box  > img{display: block;width: 100%;max-height: 500px;}
.win-up .box  p{position: relative;padding-left: 70px;margin: 20px 0;padding-top: 7px;line-height: 24px;font-size: 16px;color: #555555;padding-right: 20px;}
.win-up .box  p span{font-size: 36px;color: #333;position: absolute;left: 0;top: 0;}
.win-up .box  i.show{display: block;width: 50px;height: 50px;background: url(../images/show.png) no-repeat;cursor: pointer;   transition: all 0.6s; background-size:cover;position: absolute;top: -60px;right: -60px;}
.win-up .box i i.show:hover{transform: scale(1.1);}

.honor{padding-bottom: 6%;}
.honor .pic .Ispic{padding-bottom: 133%;background-size: contain;}
.honor aside.dot2{font-size:18px; margin-top: 25px; opacity: 0; text-align: center;}
.honor .swiper-slide-active  aside.dot2{opacity: 1;}
.honor .swiper-pagination{position: relative; bottom: auto;}
.honor .swiper-slide-prev .pic,
.honor .swiper-slide-next .pic{position: relative;opacity: 0.6;-webkit-opacity: 0.6;}
.honor .swiper-slide-prev .pic{ left: -9%;}
.honor .swiper-slide-next .pic{ right: -9%;}
.honor .swiper-slide .pic{opacity: 0.4;-webkit-opacity: 0.4; transition: 0.3s;}
.honor .swiper-slide-active .pic{opacity: 01;-webkit-opacity:1;}
.honor .swiper-page{position: relative; border-top: 1px solid rgba(180,175,168,0.3); margin-top: 60px;}
.honor .swiper-page > div{display: table; margin: -17px auto 0; text-align: center;padding: 0 32px;background: #002349;}
.honor .swiper-page span{width: 30px; background: url(../img/ico_rhombus2.png) no-repeat center center;height: 34px;font-size: 0;float: left;border-radius: 0;opacity: 1;}
.honor .swiper-page span.swiper-pagination-bullet-active{width: 40px;line-height: 34px; font-size: 12px;color: #fff;background-image: url(../img/ico_rhombus3.png);}
@media(max-width:480px){
    .honor aside.dot2{font-size:16px;}
    .honor{padding-bottom: 60px;}
}

.list-partner{padding: 5% 0 2% 0;}
.list-partner li{float: left;position: relative; text-align: center;transition: 0.3s;}
.list-partner li .ytable{table-layout:fixed;}
.list-partner li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 10;}
.list-partner li a{position: absolute; left:10%; top: 0; width: 80%; height: 100%;}
@media(min-width:1025px){
    .list-partner li{ width: 20%;padding-bottom: 11.112%;}
    .list-partner li:nth-child(2n-1){background: #f8f8f8;}
}
@media(max-width:1024px){
    .list-partner ul{padding-left: 1px; padding-top: 1px;}
    .list-partner li{ width: 25%;padding-bottom: 14%;margin: -1px 0 0 -1px;}
    .list-partner li{border: 1px solid #eee;}
}
@media(max-width:640px){
    .list-partner li{ width:50%;padding-bottom: 20%;}

}

.list-project{padding-top: 5%;}
.list-project li{ margin-bottom: 32px; position:relative;z-index: 1;}
.list-project li:before{position: absolute; content: '';box-shadow: 0 0 10px rgba(0,0,0,0.15);opacity: 0;-webkit-opacity: 0;transition: 0.3s;}
.list-project li:hover:before{opacity: 1;-webkit-opacity: 1;}
.list-project li a{display: block;position: relative; z-index: 3;}
.list-project li .pic{position: relative; padding-bottom:75%;overflow: hidden;}
.list-project li .pic-inner{position:absolute; left: -50%; width: 200%; top: 0; height: 100%;}
.list-project li .pic img{display: block; height: 100%; margin: 0 auto;}
.list-project li .txt{padding-top: 20px;}
.list-project li .txt b{font-size: 18px; margin-bottom: 8px;color: #4e494b;}
.list-project li .txt aside.dot{font-size: 16px;color: #888; margin-bottom: 28px;}
.list-project li .txt dl{height:44px ;overflow: hidden;}
.list-project li .txt dd{float: left;min-width: 60px; padding: 0 5px; line-height: 20px; background: #000;color: #FFF;margin-right: 4px; text-align: center; margin-bottom: 4px;transition: 0.3s;}
.list-project li a:hover .txt dd{background: #d70039;}
@media(min-width:769px){
    .list-project li{width: 31.945%;}
    .list-project li:not(:nth-child(3n)){margin-right: 2.0825%;}
    .list-project li:nth-child(3n+1){clear: left;}
    .list-project li:before{ left: -10px; top: -10px; bottom: -10px; right: -10px;}
}
@media(max-width:768px){
    .list-project li:before{ left: 0; top: 0; bottom: 0; right: 0;}
    .list-project li a{padding: 10px;}
}
@media(min-width:481px) and (max-width:768px){
    .list-project li{width: 49%;}
    .list-project li:not(:nth-child(2n)){margin-right: 2%;}
    .list-project li:nth-child(2n+1){clear: left;}
    .list-project li .txt aside.dot{font-size: 14px;margin-bottom: 15px;}
}
@media(min-width:481px){
    .list-project li{float: left; }
}

.online-ask > dl > *{float: left;}
.online-ask > dl  > * > a{display: block;height: 50px;line-height: 50px;}
.online-ask > dl > dd{transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);background: #6b686a;width: 60px;transition: 0.3s; margin-left: 10px;}
.online-ask > dl > dd:hover{background: #d70039; }
.online-ask > dl > dd > a{font-size: 0; background: url(../images/ico_appointment2.png) no-repeat center center;transform: skewX(15deg);-webkit-transform: skewX(15deg);-ms-transform: skewX(15deg);}
.online-ask > dl > dt{background: #d70039; width: 200px;transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);transition: 0.3s;}
/*.online-ask dt:hover{background: #6b686a; }*/
.online-ask > dl > dt > a{font-weight: bold;font-size: 16px;color: #fff; text-align: center;transform: skewX(15deg);-webkit-transform: skewX(15deg);-ms-transform: skewX(15deg);}
.online-ask > dl > dt > a:after{display: inline-block; content: '';width: 7px; height: 13px;background: url(../images/ico_arrow_right3.png) no-repeat; margin-left: 10px; vertical-align: middle; transition: 0.3s ease-in-out;}
.online-ask > dl > dt > a:hover:after{margin-left: 20px;}
.online-ask dd.ask a{background-image: url(../images/ico_counsel2.png);}

.online-ask dt.open-buy{cursor: pointer;}
.online-ask dt.open-underline{display: none;}
.online-ask dd.buy{width: auto;background: none!important; margin: 0;display: none;}
.online-ask dd.buy a{float: left;width: 54px; margin-left: 10px;position: relative;background: none;}
.online-ask dd.buy a span{position: relative; z-index: 3;display: block;height: 50px;background: url(../images/a_tm.png) no-repeat center center; opacity: 0.5;-webkit-opacity: 0.5;}
.online-ask dd.buy a.jd span{background-image: url(../images/a_jd.png);}
.online-ask dd.buy a:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid rgba(255,255,255,0.5);transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg); transition: 0.3s;}
.online-ask dd.buy a:hover:before{background: #d70039;border-color: #d70039;}
.online-ask dd.buy a:hover span{opacity: 1;-webkit-opacity: 1; transition: 0.3s;}

.online-ask .ask{position: relative;}
@media(min-width:1025px){
    .online-ask .ask .hover-kefu{ margin-left: -247px;}
    .online-ask .ask .hover-kefu:after{margin-left: 0;left: auto; right:85px;}
    .online-ask .ask .hover-kefu dl{padding: 10px;}
}
.online-ask .ask .hover-kefu{bottom: 100%; padding-bottom: 10px;}
.online-ask .ask .hover-kefu:after{margin-top: -10px;}
.online-ask .ask .hover-kefu:after,
.online-ask .ask .hover-kefu dl{transform: skewX(15deg);-webkit-transform: skewX(15deg);-ms-transform: skewX(15deg);}
@media(max-width:1024px){
    .online-ask .ask .hover-kefu{margin-left: -74px;}
    .online-ask .ask .hover-kefu:after{margin-left: 64px;left: 0;}
}

@media(max-width:750px){
    .online-ask .ask{font-size:100px;}
}
@media(max-width:640px){
    .online-ask .ask{font-size: 80px;}
    .online-ask > dl >  dt{width: 140px;}
    .online-ask > dl{position: relative;}
    .online-ask > dl > * >a{line-height: 40px;height: 40px;}
    .online-ask > dl > *{margin-bottom: 2px;}
    .online-ask  > dl > dd{width: 50px;}
    .online-ask dd.buy a{width: 60px;}
    .online-ask dd.buy a span{height: 40px;}
    .online-ask dd.buy{position: absolute; left: 0; top: 0;background: url(../images/Sloganbg.jpg) center top!important; width: 141px;}
}
@media(max-width:480px){
    .online-ask .ask{font-size: 70px;}
    .online-ask .ask .hover-kefu{margin-left: -158px;}
    .online-ask .ask .hover-kefu:after{margin-left: 145px;}
}

.title-content{background: url(../images/Sloganbg.jpg) center top;color: #fff;padding: 5% 0 5.5% 0;}
.title-content .tit{font-weight: normal;font-size: 44px;}
.title-content dl.label{overflow: hidden;padding: 20px 0 30px 0;}
.title-content dl.label dd{float: left;min-width: 60px; padding: 0 5px; line-height: 20px; background: #d70039;color: #FFF;margin-right: 5px; text-align: center; margin-bottom: 4px;transition: 0.3s;}
.title-content .intro{font-size: 16px;line-height: 28px;text-align: justify; float: left; width: 67%;}
.title-content .intro p{margin: 15px 0;}
@media(min-width:1025px){
    .title-content .main{padding-right: 280px;}
    .title-content .online-ask{float: right; margin-top: -50px;position: relative; z-index: 10;}
}
@media(max-width:1024px){
    .title-content .main{padding-bottom: 20px;}
    .title-content .info-inner{padding-bottom: 30px;}
}
@media(max-width:640px){
    .title-content .tit{font-size: 30px;}
}

.title-content .location{padding: 40px 0 40px 17px;background: url(../images/ico_home.png) no-repeat left center;}
.title-content .location,
.title-content .location a{color: rgba(255,255,255,0.5);}
.title-content .location i{font-style: normal;font-family: '宋体'; margin: 0 8px;}

.title-content .info-inner .title{font-size: 44px;line-height: 46px; margin-bottom: 15px;}
.title-content .info-inner .name{font-size: 24px; padding-bottom: 17px;}
@media(min-width:1025px){
    .title-content .info-inner{position: relative;z-index: 1;}
    .title-content .info-inner:before{position: absolute; content: ''; width: 1px; height: 100%;background: rgba(255,255,255,0.3);left: 39.584%; top: 0;}
    .title-content .info-inner .left{float: left;width:35%; }
    .title-content .info-inner .left .intro{max-width: 370px;}
    .title-content .info-inner .right{float: right;width:53.473%;padding-bottom: 60px;}
}
@media(max-width:1024px){
    .title-content .info-inner .name{padding: 40px 0 0 0;}
}
@media(max-width:640px){
    .title-content .info-inner .title{line-height: normal;font-size: 32px;}
    .title-content .info-inner .name{font-size:20px}
    .title-content .info-inner .right{padding-bottom: 40px;}
}

.project-img li{position: relative;}
.project-img li img{display: block;width: 100%;}
.project-img li aside{position: absolute;z-index: 10; left: 0; bottom: 0; width: 100%; padding: 5% 3% 3%;color: #fff;font-size: 24px;text-align: center;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
@media(max-width:1024px){
    .project-img li aside{font-size: 16px;}
}

.project-infobody .slick-arrow{position: absolute; top: 50%; width: 60px; height: 50px;  margin-top: -25px; border: 0;font-size: 0;background:none;cursor: pointer;z-index: 10;}
.project-infobody .slick-arrow:after,
.project-infobody .slick-arrow:before{position: absolute;content: ''; left: 0; top: 0; width: 100%; height: 100%; }
.project-infobody .slick-arrow:before{background: #fff; transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg); border: 1px solid #eee;transition: 0.3s; }
.project-infobody .slick-arrow:hover:before{background: #d70039;border-color: #d70039;}
.project-infobody .slick-arrow:after{background: url(../images/ico_arrow_right7.png) no-repeat center center;}
.project-infobody .slick-prev:after{background-image: url(../images/ico_arrow_right7_l.png);}
.project-infobody .slick-arrow:hover:after{background-image: url(../images/ico_arrow_right4.png);}
.project-infobody .slick-prev:hover:after{background-image: url(../images/ico_arrow_right4_l.png);}
@media(min-width:1681px){
    .project-infobody .slick-prev{left: -120px;}
    .project-infobody .slick-next{right: -120px;}
}
@media(max-width:1680px){
    .project-infobody .slick-prev{left: -30px;}
    .project-infobody .slick-next{right: -30px;}
}
@media(max-width:1530px){
    .project-infobody .slick-prev{left: -6px;}
    .project-infobody .slick-next{right:-6px;}
}
@media(max-width:640px){
    .project-infobody .slick-arrow{width: 40px; height: 30px; margin-top: -15px; }
    .project-infobody .slick-arrow:after{background-size: auto 45%;}
}

.project-info{border-bottom: 1px solid #eee; padding-bottom: 50px;}
.project-info .singlePage{max-width: 1200px; margin: 0 auto; width: 95%; padding-top:40px; line-height: 32px;font-size: 16px; text-align: justify;}
.project-info .singlePage p{margin: 15px 0;}

@media(min-width:1441px){
    .other-prod .slider{margin: 0 -10px;}
}
.other-prod .slider li .pic{position: relative; padding-bottom:121.74%;overflow: hidden;display: block;}
.other-prod .slider li .pic-inner{position:absolute; left: -50%; width: 200%; top: 0; height: 100%;}
.other-prod .slider li .pic img{display: block; height: 100%; margin: 0 auto; transition: 0.3s;}
.other-prod .slider li .inner{padding: 0 10px;text-align: center;}
.other-prod .slider li aside{ margin: 30px 0 0 0;font-size: 18px;color: #3b393a;}
.other-prod .slider li .url{padding-bottom: 10px;}
.other-prod .slider li .url a{color: #014189;}
.other-prod .slider li .url span > a{padding-right: 12px;background: url(../images/ico_arrow_right9.gif) no-repeat right center;}
.other-prod .slider li .url span:hover > a{background-image: url(../images/ico_arrow_right9_on.gif);color: #d70039;}
.other-prod .slider li .url span{padding: 10px 10px 0; display: inline-block; }
.other-prod .slider li .buy{position: relative;}
.other-prod .slider li .buy figure{position: absolute;background: #fff; border-radius: 5px; box-shadow: 0 3px 5px rgba(0,0,0,0.15); bottom: 100%; left: 50%; margin-left: -65px; width: 130px;padding: 10px 5px;display: none;}
.other-prod .slider li .buy figure:after{position: absolute; content: ''; border:5px solid transparent; border-top-color: #fff; top: 100%; left: 50%; margin-left: -5px;}
.other-prod .slider li .buy figure a{ background: url(../images/ico_tmall.png) no-repeat center top;background-size: 60% auto;padding-top: 23px;color: #333;float: left; width: 60px;}
.other-prod .slider li .buy figure.Yigea a{ width:100%; }
.other-prod .slider li .url a:hover,
.other-prod .slider li .buy figure a:hover{color: #d70039;}
.other-prod .slider li .buy figure a:not(:last-child){ border-right: 1px solid #ddd;}
.other-prod .slider li .buy figure a:nth-child(2){background-image: url(../images/ico_jd.png);background-size: 50% auto;}
.other-prod .slider li .buy figure.Yigea{ width:60px; left:100%; }
.other-prod .slider li:hover .pic img{transform: scale(1.2);}
.other-prod .slick-arrow{margin-top:-68px;}


.jjdz-body .Slogan .txt > *{max-width: 710px;}

.list-custom-made{overflow: hidden;}
.list-custom-made li{margin-top: 7%;position: relative;overflow: hidden;}
.list-custom-made li > img{display: block; width: 100%;}
.list-custom-made li .inner{position: relative;padding: 10px; opacity: 0;transition: 0.3s 1s;}
.right-left li:nth-child(2n) .inner{transform: translateX(-30px);}
.right-left li:nth-child(2n-1) .inner{transform: translateX(30px);}
.left-right li:nth-child(2n-1) .inner{transform: translateX(-30px);}
.left-right li:nth-child(2n) .inner{transform: translateX(30px);}
.list-custom-made li.animated .inner{opacity: 1; transform: translateX(0);}
@media(min-width:1025px){
    .list-custom-made li .txt{position: absolute;left: 0; top: 0; width: 100%; height: 100%;z-index: 4;}
    .list-custom-made li .ytable{max-width: 1200px;margin: 0 auto; width: 95%;}
    .list-custom-made li .inner{width: 100%; max-width: 560px;}
    .right-left li:nth-child(2n-1) .inner{float: right;}
    .left-right li:nth-child(2n) .inner{float: right;}
}
.list-custom-made li .bgcolor{position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8;-webkit-opacity: 0.8;}
.list-custom-made li .main{position: relative; z-index: 4; border: 1px solid rgba(255,255,255,0.3);color: #fff;padding: 30px;}

.list-custom-made li .main h2{font-weight: normal;font-size: 32px; margin-bottom: 5px;}
.list-custom-made li .main pre{line-height: 30px; height: 180px;font-size: 16px;}
.list-custom-made li dd{float: left;background: #d70039; transform: skewX(-15deg); height: 40px; overflow: hidden; transition: 0.3s; margin-bottom: 2%;}
.list-custom-made li dd a{display: block;transform: skewX(15deg);padding: 0 10px; line-height: 40px; text-align: center;}
.list-custom-made li dd span{color: #fff; font-size: 16px; font-weight: bold;padding-right: 17px;background: url(../images/ico_arrow_right3.png) no-repeat right center; display: inline-block;}
.list-custom-made li dd:hover{background: #363636;}
@media(max-width:1024px){
    .list-custom-made li .ytable,
    .list-custom-made li .ytable-cell{display: block;}
    .list-custom-made{overflow: hidden;}
}
.list-custom-made li dl{margin-left: -1%;}
.list-custom-made li dd{margin: 0 1% 1%;}
@media(min-width:641px){
    .list-custom-made li dd{ min-width: 31.3333%; }
    /*.list-custom-made li dd:not(:nth-child(3n)){margin-right: 2%;}*/
}
@media(max-width:640px){
    .list-custom-made li dd{ min-width: 48%;}
}
@media(max-width:480px){
    .list-custom-made li .main{padding: 20px;}
    .list-custom-made li h2{font-size: 24px;}
    .list-custom-made li pre{line-height: 24px;height: auto; margin-bottom: 10px; font-size: 14px;}
    .list-custom-made li dd span{font-size: 14px;}
}

.left-right li .main b.dot2{font-size: 18px; letter-spacing:6px;font-weight: normal; margin-bottom: 9px;}
.left-right li .main .info{padding-bottom: 35px;}
/*.left-right li .main .info span{display: block;}*/
.left-right li .main .info .t-1{font-size: 34px;line-height: 52px;}
.left-right li .main .info .t-2{font-size: 20px;margin-top: 12px;letter-spacing: 10px;}
@media(min-width:1025px){
    .left-right li > img.wap{display: none;}
}
@media(max-width:1024px){
    .left-right li > img.pc{display: none;}
}
@media(max-width:480px){
    .left-right li .main b.dot2{font-size: 14px; letter-spacing:3px;}
    .left-right li .main .info{padding-bottom: 20px;}
    .left-right li .main .info .t-1{font-size: 30px;margin-top: 5px;}
    .left-right li .main .info .t-2{font-size: 18px;letter-spacing: 5px;margin-top:6px;}
}

.cm-img .slider-for{background: url(../images/Sloganbg.jpg) repeat;}
.cm-img .slider-for li .pic{position: relative; padding-bottom:45.139%;overflow: hidden;}
.cm-img .slider-for li .pic-inner{position:absolute; left: -50%; width: 200%; top: 0; height: 100%;}
.cm-img .slider-for li .pic img{display: block; height: 100%; margin: 0 auto;}
.cm-img .slider-for li .txt{color: #fff;padding: 50px;}
.cm-img .slider-for li .tit{padding-bottom: 22px;overflow: hidden;}
.cm-img .slider-for li .tit span{font-size: 28px;float: left;padding-bottom:12px; border-bottom: 3px solid #d70039;}
.cm-img .slider-for li .txt pre{line-height: 28px; font-size: 16px; min-height: 56px;}
.cm-img .slider-small li figure{margin: 0 10px;position: relative;}
/*.cm-img .slider-small li figure img{display: block;width: 100%;}*/
.cm-img .slider-small li figure .in{overflow: hidden;}
.cm-img .slider-small li figure .in img{display: block;width: 147.698%; margin-left: -23.849%;max-width: none;max-height: 80px;}
.cm-img .slider-small li{padding-top: 7px; cursor: pointer;}
.cm-img .slider-small li.slick-current figure:after,
.cm-img .slider-small li.slick-current figure:before{position: absolute; content: ''; }
.cm-img .slider-small li.slick-current figure:before{left: 0; top: 0; width: 100%; height: 100%; border: 2px solid #fff;}
.cm-img .slider-small li.slick-current figure:after{border:7px solid transparent; border-bottom-color: #fff; bottom: 100%; left: 50%; margin-left: -3.5px;}
@media(min-width:1025px)and (max-width:1280px){
    .cm-img .slider-for li .txt{padding: 30px;}
    .cm-img .slider-small li figure{margin: 0 5px;}
    .cm-img .slider-small{margin-right: 20px; }
}
@media(min-width:1025px){
    .cm-img .slider-for li .inner{max-width: 540px; width: 45%;}
    .cm-img .slider-small{float: right; width: 48.6112%; margin-right:40px;}
}
@media(max-width:1024px){
    .cm-img{padding-bottom: 20px;}
    .cm-img .slider-small{margin:0!important;padding: 0 10px;}
    .cm-img .slider-for li .txt{padding: 20px;}
}
@media(max-width:640px){
    .cm-img .slider-small li figure{margin: 0 5px;}
    .cm-img .slider-small{padding: 0 15px;}
    .cm-img .slider-for li .tit span{font-size: 20px;}
    .cm-img .slider-for li .txt pre{line-height: 24px; font-size: 14px; min-height: 48px;}
}


.cm-download dd{margin-bottom: 2%;}
.cm-download dd a{background: #f5f5f5;padding: 0 80px 0 30px;line-height: 80px;font-size: 18px;position: relative;}
.cm-download dd a:after{width: 80px; height: 80px; position: absolute; right: 0; top: 0;background: url(../images/ico_download.png) no-repeat center center #f9f9f9;content: '';}
@media(min-width:769px){
    .cm-download dd{float: left;width: 49%;}
    .cm-download dd:not(:nth-child(2n)){margin-right: 2%; }
}
@media(max-width:768px){
    .cm-download dd a{padding-right: 60px;}
    .cm-download dd a:after{width:60px; height: 60px; }
}

.list-made{margin-top: 6.25%;}
.list-made li{float: left; width: 49.306%; margin-bottom: 2.778%; position: relative; padding-bottom: 20px;}
.list-made li:nth-child(2n){float: right;}
.list-made li:nth-child(2n+1){clear: left;}
.list-made li a{display: block;position: relative; z-index: 3;}
.list-made li:before{position: absolute; content: ''; left: -10px; top: -10px; bottom: -10px; right: -10px; opacity: 0; -webkit-opacity:0; box-shadow: 0 0 10px rgba(0,0,0,0.15); transition: 0.3s;}
.list-made li:hover:before{opacity: 1;-webkit-opacity: 1;}
.list-made li .pic img{display:block; width: 100%;}
.list-made li .txt{padding-right: 80px;padding-top:35px;position: relative;}
.list-made li .txt aside{font-size: 18px;color: #4e494b; margin-bottom: 12px;}
.list-made li .txt pre{line-height: 24px;color: #999; max-height:50px; overflow: hidden;}
.list-made li .txt:after{position: absolute;content: '';background: url(../images/more.png) no-repeat; right: 20px; bottom: 0; width: 58px; height: 40px; transition: 0.3s; opacity: 0; -webkit-opacity:0; }
.list-made li:hover .txt:after{opacity: 1;-webkit-opacity: 1;}

/*.list-prod-cz{padding-bottom: 5%;}*/
.list-prod-cz li{margin-top: 5.556%;position: relative; z-index: 1;}
.list-prod-cz li > img{display: none;width: 100%;}
.list-prod-cz li .txt{padding-top: 3%;}
.list-prod-cz li .txt b{font-size: 18px;}
.list-prod-cz li .txt .info{padding-top: 15px; padding-bottom: 15px;}
.list-prod-cz li .txt .info span{}
.list-prod-cz li .txt  .t-1{font-size: 40px; display:block;}
.list-prod-cz li .txt  .t-2{font-size: 24px;display:none;}
.list-prod-cz li .ytable{width: 90%;max-width: 432px; margin: 0 auto;}
@media(min-width:769px){
    .list-prod-cz li > img.pc{display: block;}
    .list-prod-cz li .txt{position: absolute; width: 50%; top: 0; z-index: 10;height: 100%;}
    .list-prod-cz li:nth-child(2n-1) .txt{right: 0;}
    .list-prod-cz li:nth-child(2n) .txt{left: 0;}
    .list-prod-cz li .ytable{ color: #fff;}
    /*.list-prod-cz li .txt .info span{text-align: justify;width: 100%;overflow: hidden;}
    .list-prod-cz li .txt .info span:after{content:"";display:inline-block;width:100%; }
    .list-prod-cz li .txt  .t-1{line-height: 70px; height: 70px;}*/
    .list-prod-cz li .txt  .t-2{line-height: 30px; height: 30px;}
}
@media(min-width:769px)and (max-width:1024px){
    .list-prod-cz li .txt b{font-size: 14px;}
    .list-prod-cz li .txt  .t-1{font-size: 32px; line-height: 40px; height: 40px;}
    .list-prod-cz li .txt  .t-2{font-size: 16px;line-height:24px; height: 24px;}
    .list-prod-cz li .ytable{width:80%;}
}
@media(max-width:768px){
    .list-prod-cz li > img.wap{display: block;}
    .list-prod-cz li{text-align: center;}
    .list-prod-cz li .all-more{margin: 0 auto;}
}
@media(max-width:640px){
    .list-prod-cz li .txt b{font-size: 14px;}
    .list-prod-cz li .txt  .t-1{font-size: 32px;}
    .list-prod-cz li .txt  .t-2{font-size: 16px;}
    .list-prod-cz li .txt .info{padding-bottom: 26px;}
}

.list-prod-cz li .txt b,
.list-prod-cz li .txt .info span,
.list-prod-cz li .all-more{opacity: 0;-webkit-opacity: 0;transform: translateY(30px);-webkit-transform: translateY(30px);-ms-transform: translateY(30px);transition: 0.5s 0.5s;}
.list-prod-cz li .txt .info .t-1{transition-delay: 0.7s;}
.list-prod-cz li .txt .info .t-2{transition-delay: 0.9s;}
.list-prod-cz li .all-more{transition-delay: 1s;}
.list-prod-cz li.animated .txt b,
.list-prod-cz li.animated .txt .info span,
.list-prod-cz li.animated .all-more{opacity: 1;-webkit-opacity: 1;transform: translateY(0);-webkit-transform: translateY(0);-ms-transform: translateY(0);}

.all-more{position: relative;display: table;}
.all-more:before{position: absolute;content: ''; left: 0; top: 0; width: 100%; height: 100%; transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);background: #d70039;transition: 0.3s;}
.all-more a{display: block;color: #fff;line-height: 40px;text-align: center;position: relative; z-index: 3; font-size: 16px;font-weight: bold;transition: 0.3s;padding: 0 30px;}
.all-more a:after{display: inline-block; content: ''; width: 7px; height: 13px;background: url(../images/ico_arrow_right3.png) no-repeat; margin-left: 12px; vertical-align: middle;}
.all-more:hover:before{transform: skewX(0);-webkit-transform: skewX(0);-ms-transform: skewX(0);}
.all-more:hover a{padding: 0 50px;}

.fliter-main{background:#fcfcfc; padding-bottom: 32px; margin-bottom: 2.605%;}
.fliter{padding-top: 35px;}
.fliter .item{position: relative; border-bottom: 1px solid #f0efed;font-size: 16px;}
.fliter .item > *{ line-height: 30px;}
.fliter .item .tit{font-size: 18px;}
.fliter .item .more{width: 55px;}
.fliter .item .more span{display: none;position: relative;color: #999; cursor: pointer;}
.fliter .item .more span i{position: absolute; right: 0; top: 50%;border: 1px solid #bbb; width: 11px; height: 11px; margin-top: -5.5px;}
.fliter .item .more span i:before,
.fliter .item .more span i:after{position: absolute; content: '';background: #bbb;  }
.fliter .item .more span i:before{width: 5px; height: 1px;left: 2px; top: 4px;}
.fliter .item .more span i:after{height: 5px; width: 1px;top: 2px; left: 4px;}
.fliter .item .more span.close i:after{display: none;}
.fliter .item .list .inner{overflow: hidden;}
.fliter .item .list dd{float: left; margin-right: 4%;}
.fliter .item .list dd a{color: #888; cursor: pointer;position: relative;display: block; padding-right: 20px;}
.fliter .item .list dd a:after{position: absolute; content: '>'; right: 0; top: 0;font-family:'宋体';}
.fliter .item .more span.close,
.fliter .item .list dd a:hover,
.fliter .item .list dd.on a{color: #d70039;}
@media(min-width:641px){
    .fliter .item{display: table; width: 100%;}
    .fliter .item > *{display: table-cell;vertical-align: top;padding: 15px 0;}
    .fliter .item .tit{width: 120px;}
}
@media(max-width:640px){
    .fliter .item{padding-bottom: 10px;}
    .fliter .item .list{padding-top: 5px;}
    .fliter .item:not(:last-child){margin-bottom: 15px;}
    .fliter .item .tit{display: block;}
    .fliter .item .more{position: absolute; right: 0; top: 0;}
}
@media(max-width:480px){
    .fliter .item{font-size: 14px;}
}

.fliter-main .search{position: relative;max-width: 468px;margin: 30px auto 0;width: 95%;}
.fliter-main .search .text{padding: 0 58px 0 20px;width: 100%;color: #888;  line-height: 50px; height: 50px;background: #eee;border: 0;}
.fliter-main .search .btn{position: absolute; right: 0; top: 0; width: 58px; height: 100%; background: url(../images/ico_search4.png) no-repeat center center;font-size: 16px;}

.list-prod-cz dd{position: relative;z-index: 1; margin-bottom: 2.778%;}
@media(min-width:481px){
    .list-prod-cz dd{float: left;}
}
@media(min-width:1025px){
    .list-prod-4 dd{width: 23.959%;}
    .list-prod-4 dd:not(:nth-child(4n)){margin-right: 1.388%;}
    .list-prod-4 dd:nth-child(4n+1){clear: left;}
}
@media(min-width:769px) and (max-width:1024px){
    .list-prod-4 dd{width: 32.362%;}
    .list-prod-4 dd:not(:nth-child(3n)){margin-right: 1.457%;}
    .list-prod-4 dd:nth-child(3n+1){clear: left;}
}
@media(min-width:769px){
    .list-prod-3 dd{width: 32.362%;}
    .list-prod-3 dd:not(:nth-child(3n)){margin-right: 1.457%;}
    .list-prod-3 dd:nth-child(3n+1){clear: left;}
}
@media(min-width:481px) and (max-width:769px){
    .list-prod-cz dd{width: 48.5%; margin-bottom: 30px;}
    .list-prod-cz dd:not(:nth-child(2n)){margin-right: 3%;}
}
@media(max-width:769px){
    .list-prod-cz dd{padding: 10px;}
}
.list-prod-cz dd:before{position: absolute; content: ''; left: 0; top: 0;right: 0; bottom: 0; box-shadow: 0 0 10px rgba(0,0,0,0.15); opacity: 0;-webkit-opacity: 0;transition: 0.3s;}
.list-prod-cz dd:hover:before{opacity: 1;-webkit-opacity: 1;}
.list-prod-cz dd > *{position: relative; z-index: 3;display: block;}
.list-prod-cz dd  .pic{overflow: hidden;}
.list-prod-3 dd  .pic{padding-bottom: 66.524%;}
.list-prod-4 dd  .pic{padding-bottom: 110.145%;}
.list-prod-cz dd label{position: absolute;width: 60px; height: 60px; left: 0; top: 0;background-position: center center;background-repeat: no-repeat; z-index: 10;}
.list-prod-cz dd label.new{background-image: url(../images/new.png);}
.list-prod-cz dd label.star{background-image: url(../images/star.png);}
.list-prod-cz dd  .pic-inner{position: absolute;width: 200%; left: -50%;text-align: center;height: 100%; }
.list-prod-4 dd  .pic-inner{background: url(../images/prodbg.jpg) no-repeat center center;background-size: auto 100%;}
.list-prod-cz dd  .pic-inner img{height: 100%;display: block; margin: 0 auto; transition: 0.3s;}
.list-prod-cz dd:hover .pic img{transform: scale(1.2); -webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.list-prod-cz dd .txt{margin-top: 38px; padding-bottom: 20px;}
.list-prod-cz dd .txt aside{font-size: 18px;}
.list-prod-cz dd .txt aside a{color: #4e494b;/*overflow: hidden;display: block;*/}
.list-prod-cz dd .txt aside span{float: left;max-width: 48%; margin-right: 2%;}
.list-prod-3 dd .txt aside span{float: none;max-width: none; margin: 0;}
.list-prod-cz dd .txt p{color: #b4afa8;padding: 5px 0 10px 0;}
.list-prod-4 dd p{text-transform: uppercase;}
.list-prod-cz dd .txt .price{color: #4e494b;font-weight: bold;font-family: Arial;}
.list-prod-cz dd .txt .price span{font-size: 16px;}
.list-prod-cz dd:hover .txt .price{color: #d70039;}
.list-prod-cz dd .buy a{float: left;width: 40px; height: 40px;position: relative; margin-left: 10px;}
.list-prod-cz dd .buy a:before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;border: 1px solid #d9d7d3; transform: skewX(-15deg); -webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg); transition: 0.3s;}
.list-prod-cz dd .buy a:hover:before{border-color: #d70039;}
.list-prod-cz dd .buy a span{display:block;font-size: 0; height: 40px;position: relative; z-index: 10;background-position: center center;background-repeat: no-repeat; transition: 0.3s;}
.list-prod-cz dd .buy a.jd span{background-image: url(../images/link_jd.png);}
.list-prod-cz dd .buy a.tm span{background-image: url(../images/link_tm.png);}
.list-prod-cz dd .buy a.jd:hover span{background-image: url(../images/link_jd_on.png);}
.list-prod-cz dd .buy a.tm:hover span{background-image: url(../images/link_tm_on.png);}
@media(min-width:769px){
    .list-prod-cz dd:before{ left: -10px; top: -10px;right: -10px; bottom: -10px; }
    .list-prod-cz dd .buy{transition: 0.3s; opacity: 0;-webkit-opacity: 0;}
    .list-prod-cz dd:hover .buy{ opacity: 1;-webkit-opacity: 1;}
}
@media(min-width:1201px){
    .list-prod-cz dd .txt{padding-right: 110px; }
    .list-prod-cz dd .buy{position: absolute; right:15px; top: 0; }
}
@media(max-width:1200px){
    .list-prod-cz dd .txt,
    .list-prod-cz dd .buy{overflow: hidden;}
    .list-prod-cz dd .buy{float: right; padding-right: 15px; margin-top: -20px;}
}
@media(max-width:769px){
    .list-prod-cz dd .txt{padding-bottom: 0;}
    .list-prod-4 dd label{left: 10px; top: 10px;}
}

.prod-img .slider-small{width: 60%; max-width: 850px; margin: 2.778% auto 0;}
.prod-img .slider-small li{cursor: pointer;padding-top: 7px;position: relative;}
.prod-img .slider-small li.slick-current:before{position: absolute; content: ''; border:7px solid transparent; border-bottom-color: #4e494b; top: -7px; left: 50%; margin-left: -3.5px;}
.prod-img .slider-small li figure{overflow: hidden; margin: 0 10px;position: relative;}
.prod-img .slider-small li.slick-current figure:before{position: absolute; content: ''; width: 100%;height: 100%; border: 2px solid #4e494b; left: 0; top: 0;}
.prod-img .slider-small li img{max-width: inherit; width: 147.7%; margin-left: -23.85%;}
.prod-img .slider-small .slick-track{margin: 0 auto;}
@media(max-width:480px){
    .prod-img .slider-small li figure{margin: 0 4px;}
}

.prod-canshu{background: url(../images/Sloganbg.jpg);color: #fff; padding: 3.473%;}
.prod-canshu td{border-bottom: 1px solid rgba(255,255,255,0.1); line-height: 30px; padding: 15px 0;font-size: 18px;word-break: break-all;}
.prod-canshu td.f-name{width: 9.85%; min-width: 100px;}
.prod-canshu td:nth-child(2){width: 40.299%;}

.list-store{padding-top: 30px;}
.list-store li{ border-bottom: 1px solid #eee; padding-right: 120px; padding-bottom: 20px; margin-bottom: 20px;position: relative;padding-left: 15px;}
.list-store li b{font-size: 18px; margin-bottom: 10px;color: #333;}
.list-store li .add{background: url(../images/add.png) no-repeat left 3px;padding-left: 25px;line-height: 24px;color: #888;}
.list-store li .btn{position: absolute; right: 0; top: 0; overflow: hidden;}
.list-store li .btn a{float: left; width: 40px; height: 40px; margin-right: 10px; border: 1px solid rgba(0,0,0,0.2); border-radius: 50%;background: url(../images/ico_address_03.png) no-repeat center center;}
.list-store li .btn a.getmap{background-image: url(../images/ico_address_04.png);}

.map-fixed{position: fixed; z-index: 300; left: 0; top: 0; width: 100%; height: 100%; display: none;background: rgba(0,0,0,0.8);}
.map-fixed .close{position: absolute; right: 0; top: 0; width: 30px; height: 30px;}
.map-fixed .close:before,
.map-fixed .close:after{position: absolute; content: ''; background: #fff; width: 80%; height: 3px; left: 10%3; top: 50%;margin-top: -1.5px;}
.map-fixed .close:before{transform: rotate(45deg);}
.map-fixed .close:after{transform: rotate(-45deg);}
.map-fixed .inner{position: absolute; left:3%; right: 3%; top: 20%; bottom: 20%;}
.map-fixed .inner #allmap{height: 100%;margin:0 auto;}

/*edit*/
.css-20-1{padding: 7.5% 0 4.5% 0;}
.css-20-1 .title{padding-bottom: 37px;}
.css-20-1 .title .t-1{font-size: 50px;color: #0054b0;}
.css-20-1 .title .t-2{font-size: 36px;}
@media(min-width:1025px){
    .css-20-1 > *{width: 45.8334%;}
    .css-20-1 .pic{float: left; }
    .css-20-1 .info{float: right;}
	.css-20-1 .info .tit{margin-top:-5px;}
	.css-20-1 .info p{margin-top:4.95%;}
}
@media(max-width:1024px){
    .css-20-1 .info{padding-top: 30px;}
}
.css-20-1 .pic img{display: block;width: 100%;}
.css-20 .info{text-align: justify;}
.css-20 .info .tit{font-size: 24px; line-height: 36px;}
.css-20 .info p{line-height: 30px; font-size: 16px; margin:5%  0 0 0;}
@media(max-width:640px){
    .css-20-1 .title .t-1{font-size: 32px;}
    .css-20-1 .title .t-2{font-size: 24px;}
    .css-20 .info .tit{font-size: 18px; line-height: 28px;}
    .css-20 .info p{line-height: 22px; font-size: 14px; }
}

.css-20-2{padding-top:1.7%;}
.css-20-2 .info p{margin-top: 6%;}
.css-20-2 .info dl{overflow: hidden;display: table;width: 100%;margin-top:12%;}
.css-20-2 .info dd{display: table-cell; vertical-align: bottom;}
.css-20-2 .info dd div.f-en{font-size: 48px;}
.css-20-2 .info dd div.f-en sup{font-size: 30px;}
.css-20-2 .info dd div.f-en sub{font-size: 16px; vertical-align:baseline;}
@media(min-width:1025px){
    .css-20-2 .info{float: left; width: 40.806%; }
    .css-20-2 .map{float: right;width: 54.861%;padding-top:7px;}
}

@media(max-width:480px){
    .css-20-2 .info dd div.f-en{font-size: 30px;}
    .css-20-2 .info dd div.f-en sup{font-size: 20px;}
    .css-20-2 .info dd div.f-en sub{font-size: 14px;}
    .css-20-2 .info dd p{font-size: 12px;}
}
.css-20-2 .map{position: relative;}
.css-20-2 .map .dian{position: absolute; left: 0; top: 0; width: 100%; height: 100%; animation-name: dian; animation-iteration-count: infinite; animation-duration:7s;}
.css-20-2 .map .dian2{ animation-duration: 5s;}
.css-20-2 .map .dian3{ animation-duration: 3s;}
.css-20-2 .map .zhu{position: absolute; top: 88%; left: 64%;font-size: 16px;}
.css-20-2 .map .zhu > span{position: relative; z-index: 3;}
.css-20-2 .map .zhu .d{background: rgba(122,208,255,0.3); width: 20px; height: 20px;position: absolute; left: 50%; top: -22px; margin-left: -10px; border-radius: 50%; font-size: 0;}
.css-20-2 .map .zhu .d:before{position:absolute; content: '';background: rgba(0,164,255,0.15); left: -200%; top: -200%; right: -200%; bottom: -200%; border-radius: 50%;animation: zhuan 3s infinite linear;}
.css-20-2 .map .zhu .d span{width: 10px; height: 10px; position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px;background: #b5ddf5; border-radius: 50%; left: 50%; top: 50%;}
@media(max-width:1024px){
    .css-20-2 .map{max-width: 790px;margin: 30px auto 0;}
}

@keyframes dian{
    0%{opacity: 1;}
    50%{opacity: 0.2;}
    100%{opacity: 1;}
}
@-webkit-keyframes dian{
    0%{opacity: 1;}
    50%{opacity: 0.2;}
    100%{opacity: 1;}
}

@keyframes zhuan{
    0%{transform: scale(0.5);}
    50%{transform: scale(1);}
    100%{transform: scale(0.5);}
}

@-webkit-keyframes zhuan{
    0%{transform: scale(0.5);}
    50%{transform: scale(1);}
    100%{transform: scale(0.5);}
}

.css-21{font-size: 40px;}
.css-21 .icon{overflow: hidden;}
.css-21 .icon img{max-height: 2.25em;float: left; }
.css-21 .icon img:not(:last-child){margin-right: 0.75em;}
.css-21 .t-1{font-size: 1em;padding-top: 1em; line-height: 1.2em;}
.css-21 .t-2{font-size: 0.6em;padding-top: 0.41667em;}
.css-21 p{margin-top: 1em;line-height: 2em; font-size: 0.45em; max-width: 590px;}
.css-21 .item{margin-top: 0.8em;}
.css-21 .item li{font-size: 0.6em; line-height: 1.5em;position: relative;padding-left: 1.25em;}
.css-21 .item li:before{position: absolute; content: '';border-radius: 50%; background: #fff; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px;}


/*.css-21 .item dl{float: left; width: 50%;display: table; margin: 0.25em 0;}
.css-21 .item dl > *{display: table-cell; vertical-align: middle;}
.css-21 .item dt{width: 1.875em;}
.css-21 .item dt img{display: block; width: 100%;border: 1px solid #224d71;}
.css-21 .item dd{font-size: 0.45em;padding-left: 8%;}*/
@media(min-width:769px){
    /*.css-21{max-width: 598px;}*/
}
@media(min-width:769px) and (max-width:1280px){
    .css-21{font-size: 30px;}
}
@media(min-width:769px) and (max-width:1024px){
    .css-21{font-size: 24px;}
}
@media(max-width:640px){
    .css-21{font-size: 26px;}
}

.css-row-2 li{margin-bottom: 2%;text-align: center;}
@media(min-width:641px){
    .css-row-2 li{float: left; width: 49.167%; }
    .css-row-2 li:not(:nth-child(2n)){float: right;}
}

.search-Con .Slogan{padding-bottom: 0;background: none;}

.list-search{padding: 3% 0 0 0;}
@media(min-width:1025px){
    .list-search{min-height: 300px;}
}
.list-search li{ box-shadow: 0 0 5px rgba(0,0,0,0.1); padding: 15px;border-radius: 4px;line-height: 22px;font-size: 12px;}
.list-search li:not(:last-child){margin-bottom: 20px;}
.list-search li aside{font-weight: bold;font-size: 18px; margin-bottom: 5px;min-height: 30px; min-height: 30px;}
.list-search li span{display:inline-block;color: #fff; margin-right: 20px;padding: 0 10px;background: #666;}
.list-search li time{display:inline-block; padding-left: 20px; background: url(../images/time.png) no-repeat left center;}
.list-search li:hover aside a{color: #d70039;}
.list-search li:hover span{background: #000;}
@media(min-width:769px){
    .list-search li{float: left;width: 48%;}
    .list-search li:nth-child(2n){float: right;}
}

/*新品详情*/
.product-info .sec9 .row{ background: url("../images/pro_bg1.jpg") repeat;}
.pro_blt_box1{ position: relative; width: 100%; height: 100%; background-size: cover;}
.pro_blt_box1 img{ width: 100%; display: block;}
.pro_blt_box1 h3{ position: absolute; bottom: 0; left: 0; width: 100%; margin: 0; text-align: center; background: rgba(120,110,94,0.8); padding: 2.553% 0; font-size: 32px; color: #fff;}
.pro_blt_box1 h3:before{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,0.3); width: 99%; height: 90%;}
.pro_carousel_list1{ position: relative; }
.pro_carousel_list1 .img{ position: relative}
.pro_carousel_list1 .img:before{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,0.3); width: 98.5%; height: 94%;}

.pro_carousel_list1 .row{width:100%; background: url("../images/pro_bg1.jpg") repeat;}
.pro_carousel_list1 .c-left img{ display: block; width: 100%;}
.pro_carousel_list1 .txt{ padding: 0 75px; color: #fff; font-size: 18px; line-height: 32px;}
.pro_carousel_list1 .txt h3{ font-size: 32px; line-height: normal; margin-bottom: 7%;}
.pro_carousel_list1 span{ display: block;}
.pro_carousel_list1 .btn{ position: absolute; right: 0; top: 75%; z-index: 10; text-align: left; width: 29%; padding: 0 85px;}
.pro_carousel_list1 .slick-arrow{ background: url("../images/page/pro_btn.png") no-repeat center; position: relative; left: auto; right: auto; margin-right: 10px;}
.pro_carousel_list1 .slick-arrow:before{ background: none; border-color: rgba(255,255,255,0.4);}

.pro_carousel_list2 .slick-slider{ margin: 0 -0.3%;}
.pro_carousel_list2 .slick-slide{ padding: 0 0.3%;}
.pro_carousel_list2 .img{ position: relative}
.pro_carousel_list2 .img img{ width: 100%; display: block;}
.pro_carousel_list2 .img:before{ content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,0.3); width: 97%; height: 96%;}
.pro_carousel_list2 h3{ background: url("../images/pro_bg1.jpg") repeat center; color: #fff; font-size: 32px; line-height: normal; text-align: center; padding: 4% 0;}

.pro_carousel_box{ position: relative;}
.pro_carousel_box li{ background-size: cover;}
.pro_carousel_box .contxt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); max-width: 1440px; width: 100%; overflow: hidden; z-index: 2;}

.pro_carousel_box .pic{ position: relative; width: 100%;}
.pro_carousel_box .pic img{ width: 100%; display: block;}
.pro_carousel_box1 .txt{ max-width: 600px; width: 100%; background: rgba(154,115,115,0.8); padding: 6% 5%; float: right; position: relative;}
.pro_carousel_box1 .txt:before{ content: ''; position: absolute; left: 50%; top: 50%;transform: translate(-50%,-50%); border: 1px solid rgba(255,255,255,0.3); width: 97%; height: 96%;}
.pro_carousel_box1 .txt h3 span{ font-size: 18px; font-weight: normal; margin: 2% 0 -1%;}
.pro_carousel_box2 .txt h3{ font-size: 42px; margin-bottom: 10%; font-weight: 600;}
.pro_carousel_box3 .txt h3{ margin-bottom: 3%;}

.pro_carousel_box1 .slick-arrow{ left: 2%; position: absolute; z-index: 10; margin-right: 0;}
.pro_carousel_box1 .slick-next{ right: 2%; left: auto;}
.pro_carousel_li2 .txt,
.pro_carousel_li3 .txt{ background: rgba(55,55,59,0.8);}
.pro_carousel_li2 .txt{ float: none;}
.pro_carousel_box4 .contxt{ top: 22%;}
.pro_carousel_box4 .txt{ max-width: 395px; margin: 0 auto; text-align: center; padding: 0;}
.pro_carousel_li4 .txt{ background: rgba(151,146,136,0.8);}


@media(min-width:1025px){
    .pro_blt_box1 img{ display: none;}
    .product-info .sec9 .row .w66{ width: 66.68%;}
    .pro_carousel_list1 .row{display:table;}
    .pro_carousel_list1 .row .col{display:table-cell;vertical-align:middle;}
    .pro_carousel_list1 .row .c-left{width:71%;}

    .pro_carousel_list1,
    .pro_carousel_box,
    .pro_carousel_box .slick-list,
    .pro_carousel_box .slick-track,
    .pro_carousel_box .slick-slide{ height: 100%; position: relative;}
    .pro_carousel_box .pic{ height: 100%; position: relative;}
    .pro_carousel_box .pic img{display: none;}
    .pro_carousel_box .pic figure{ position: relative; height: 100%; max-width: 1285px; width: 66.93%;}
    .pro_carousel_box2 .pic img,
    .pro_carousel_box3 .pic img{display: block; position: absolute; left: 0; bottom: 0; width: auto;}
    .pro_carousel_box2 .pic figure:before{ content: ''; width: 24%; left: 100%; bottom: 0; background: url("../images/pro_img12_bg.png") no-repeat; background-size: cover; position: absolute;padding-bottom: 51%;}
    .pro_carousel_box2 .txt{ float: right; width:336px; padding: 0;}
    .pro_carousel_box3 .pic img{ right: 0; left: auto;width: 70.6771%;}
    .pro_carousel_box4 .pic img{ position: absolute; left: 0; bottom: 0; display: block;}
    .pro_carousel_box3 .pro_carousel_li5 img{ width: 63%;}

    /*动画效果*/
    @keyframes animation-bottom{
        0%{opacity: 0; transform: translateY(100%);}
        100%{opacity: 1; transform: translateY(0);}
    }

    .pro_blt_box1,
    .pro_blt_box1 h3 span,
    .pro_carousel_list1,
    .pro_carousel_list1 h3,
    .pro_carousel_list1 p,
    .pro_carousel_list2,
    .pro_carousel_box2 .pic figure,
    .pro_carousel_box3 .pic img,
    .pro_carousel_box4 .pic img{ opacity: 0; -webkit-opacity: 0;  transition: all 1s ease .4s;  -webkit-transition: all 1s ease .4s;  -ms-transition: all 1s ease .4s; }
    .pro_blt_box1 h3 span{ display: inline-block;}
    .pro_blt_box1 h3 span,
    .pro_carousel_list1 h3,
    .pro_carousel_list1 p{ position: relative; transform: translateX(100%);transition: all 3s ease .8s;  -webkit-transition: all 3s ease .8s;  -ms-transition: all 3s ease .8s;}
    .pro_carousel_list1 p{transition: all 3s ease 1.2s;  -webkit-transition: all 3s ease 1.2s;  -ms-transition: all 3s ease 1.2s;}
    .active .pro_blt_box1,
    .active .pro_blt_box1 h3 span,
    .active .pro_carousel_list1 .slick-active h3,
    .active .pro_carousel_list1 .slick-active p{ opacity: 1; -webkit-opacity: 1;}
    .active .pro_blt_box1{animation: animation-bottom 1.4s 1;  -webkit-animation: animation-bottom 1.4s 1;  -ms-animation: animation-bottom 1.4s 1;}
    .active .pro_blt_box1 h3 span,
    .active .pro_carousel_list1 .slick-active h3,
    .active .pro_carousel_list1 .slick-active p{ transform: translateX(0);}

    .active .pro_carousel_list1,
    .active .pro_carousel_list2{ opacity: 1; -webkit-opacity: 1;animation: animation-bottom 1.4s 1;  -webkit-animation: animation-bottom 1.4s 1;  -ms-animation: animation-bottom 1.4s 1;}
    .active .pro_carousel_box2 .pic figure,
    .active .pro_carousel_box3 .pic img,
    .pro_carousel_box4 .pic img{animation: animation-bottom 2s 1;  -webkit-animation: animation-bottom 2s 1;  -ms-animation: animation-bottom 2s 1; opacity: 1; -webkit-opacity: 1;}
}
@media(max-width:1024px){
    .pro_carousel_list1{ margin-bottom: 5%;}
    .pro_carousel_list1 .row{ position: relative;}
    .pro_carousel_list1 .img:before{ height: 98%;}
    .pro_carousel_list1 .c-right{ position: absolute; right: 0; bottom: 3%; width: 100%;}
    .pro_carousel_list1 .txt h3{ margin-bottom: 3%;}
    .pro_carousel_list1 .btn{ position: static;}
    .pro_carousel_list1 .slick-arrow{ position: absolute; top: 50%; left: 2%; margin-right: 0;}
    .pro_carousel_list1 .slick-next{ right: 2%; left: auto;}
    .pro_carousel_list1 .txt h3,
    .pro_carousel_list2 h3,
    .pro_blt_box1 h3{ font-size: 28px;}

    .pro_carousel_box2 .contxt,
    .pro_carousel_box3 .contxt{ position: relative; transform: none; left: 0;}
    .pro_carousel_box2 .txt,
    .pro_carousel_box3 .txt{ padding: 5%;}
}
@media(max-width:640px){
    .pro_carousel_list1 .txt h3,
    .pro_carousel_list2 h3,
    .pro_blt_box1 h3{ font-size: 18px;}
    .pro_carousel_list1 .c-right{ bottom: 0;}
    .pro_carousel_list1 .txt{ font-size: 14px; line-height: 24px; padding: 10px 30px;background: rgba(120,110,94,0.45);}
    .pro_carousel_list1 span{ display: inline;}
    .pro_carousel_box1 .contxt,
    .pro_carousel_box4 .contxt{ position: relative; transform: none; left: 0; }
    .pro_carousel_box1 .txt{background: rgba(154,115,115,0.8);}
    .pro_carousel_box2 .txt,
    .pro_carousel_box3 .txt{ background: none;}
    .pro_carousel_li2 .txt,
    .pro_carousel_li3 .txt{ background: rgba(55,55,59,0.8);}
    .pro_carousel_box4 .txt{ text-align: left; padding: 5%; max-width: 100%;}
    .pro_carousel_li4 .txt{ background: rgba(151,146,136,0.8);}
}


.form_order{ position:relative; color:#fff; overflow:hidden}
.form_order .column-name{ text-align:left; padding:0 0 2% 0}
.form_order .column-name h2{ color:#fff}
.form_order .form{ position:absolute; width:100%; height:100%; padding-top:10%}
.form_order form{ max-width:610px;}
.form_order .box{ padding-bottom:10px; position:relative;}
.form_order select{ margin-top:15px; font-size:16px; color:#fff; width:100%; padding:0px 20px; height:60px; display:block!important; background-color:rgba(250,250,250,0.22);border: 0; background-image: url(../images/down.png);background-size: 17px 11px; background-position: right 20px center;}
.form_order select option{ background-color:#be7a8e; line-height:30px; height:30px;}
.form_order .two .fl,
.form_order .two .fr{ width:49%;}
.form_order .two .fl{ float:left!important}
.form_order .two .fr{ float:right!important}
.form_order .text{ font-size:16px; width:100%; height:60px; line-height:60px; color:#fff; padding:0px 20px; background:transparent;  border:none; border-bottom:solid 1px rgba(250,250,250,0.3)}
.form_order .textcode{ width:60%}
.form_order .box img{ position:absolute; right:0; bottom:0; width:30%; height:44px}
.form_order .text::-webkit-input-placeholder{color:#fff;}
.form_order .text::-moz-placeholder{color:#fff; /* Mozilla Firefox 19+ */ }
.form_order .text:-moz-placeholder{color:#fff; /* Mozilla Firefox 4 to 18 */}
.form_order .text:-ms-input-placeholder{color:#fff; /* Internet Explorer 10-11 */ }
.form_order .btn{ z-index:2; position:relative; display:inline-block;width:160px;height:40px;color:#fff;font-size:16px;line-height:40px;transition:all 0.3s ease;}
.form_order .btn::after{position:absolute; right:10%;top:50%; margin-top:-7px;display:inline-block;width:8px;height:14px;background:url(../images/ico_arrow_right3.png) no-repeat center center;content:"";vertical-align:middle;transition: 0.3s;}
.form_order .btn::before{position:absolute;top:0;left:0;z-index:-1;display:block;width:100%;height:100%;background:#d70039;content:"";transform:skew(-15deg);-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg); transition: 0.3s;}
.form_order .btn:hover::before{transform:skew(0);-webkit-transform:skew(0);-ms-transform:skew(0);border-radius: 0 0 5px 5px; }
.form_order .btn .btn_submit{ font-size:16px; width:100%; height:100%; color:#fff; cursor:pointer; background:none;}
@media(max-width:1400px){
    .form_order select{ height:40px; font-size:14px;}
    .form_order .text{ height:40px; line-height:40px; font-size:14px;}
}
@media(max-width:1200px){
    .form_order .photo img{ height:600px; max-width: none;}
}

.join-content{background: url(../images/joinbg.jpg) no-repeat center top;background-size: cover;color: #fff;padding: 3% 0;}
.join-content .column-name h2{color: #fff;}
.join-content .box-1{overflow: hidden;}
.join-content .box-1 .slider li{padding-top: 40px;}
.join-content .box-1 .slider li .inner{margin: 0 37px;background: url(../images/jm-bg.png) no-repeat;min-height: 340px; padding: 0 10.5%;}
.join-content .box-1 .slider li .icon{padding-bottom: 26%;}
.join-content .box-1 .slider li .icon img{width: 80px; height: 80px; margin-top: -40px; transition: 0.3s;}
.join-content .box-1 .slider li:hover .icon img{transform: rotateY(360deg);-webkit-transform: rotateY(360deg);-ms-transform: rotateY(360deg);}
.join-content .box-1 .slider li .tit{font-size: 24px; margin-bottom: 20px;}
.join-content .box-1 .slider li pre{font-size: 16px;line-height: 28px;}
.join-content .box-1 .pager{padding:5.5% 0;position: relative;}
.join-content .box-1 .pager:after,
.join-content .box-1 .pager:before{position: absolute; content: ''; height: 1px;background: rgba(180,175,168,0.3); top: 50%;}
.join-content .box-1 .pager:before{left: 0;}
.join-content .box-1 .pager:after{right: 0;}
.join-content .box-1 .pager .slick-dots{display: table; margin: 0 auto; padding: 0 30px;}
.join-content .box-1 .slick-dots li{float: left;}
.join-content .box-1 .slick-dots li button{display: block; cursor: pointer;width: 40px; height: 34px;background: url(../images/ico_rhombus2.png) no-repeat center center; font-size: 0;}
.join-content .box-1 .slick-dots li.slick-active button{background-image:url(../images/ico_rhombus3.png);font-size: 14px;color: #fff;}
@media(min-width:1441px){
    .join-content .box-1 .slider{margin: 0 -37px; }
}
@media(max-width:1440px){
    .join-content .box-1 .slider li .inner{margin: 0 15px;}
}
@media(max-width:480px){
    .join-content .box-1 .pager .slick-dots{padding: 0 10px;}
    .join-content .box-1 .slick-dots li button{width: 30px; height: 24px;}
    .join-content .box-1 .slick-dots li.slick-active button{background-size: contain;}
}

.join-content .box-2{padding-bottom:11%;}
.join-content .box-2 .column-name{padding-bottom: 8%;}
.css-89{position: relative; }
.css-89 img{display: block; margin: 0 auto;}
.css-89 .txt .inner{background: rgba(0,60,129,0.3); padding: 20px 28px;}
@media(min-width:1025px){
    .css-89{margin: 0 auto;width: 43.056%;display: table;table-layout: fixed;}
    .css-89 .txt{position: absolute; z-index: 10;}
    .css-89 .txt .inner{position: absolute; width: 360px;top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
    .css-89 .txt .inner:after{position: absolute; content: '';top: 50%; margin-top: -10px; border:10px solid transparent;}
    .css-89 .txt-4,
    .css-89 .txt-1{left: 25%;}
    .css-89 .txt-8,
    .css-89 .txt-5{right: 25%;}
    .css-89 .txt-2{left: 0;}
    .css-89 .txt-3{left: -2%;}
    .css-89 .txt-6{right: -2%;}
    .css-89 .txt-7{right: 0.7%;}
    .css-89 .txt-1,
    .css-89 .txt-8{top:0.5%;}
    .css-89 .txt-2,
    .css-89 .txt-7{top:25%;}
    .css-89 .txt-3,
    .css-89 .txt-6{top:60%;}
    .css-89 .txt-4,
    .css-89 .txt-5{bottom:0.7%;}
    .css-89 .txt:before{display: block;width: 50px; height: 50px;background: url(../images/jsjm-dots.png) no-repeat; content: '';}
    .css-89 .txt .pl{right: 100px;}
    .css-89 .txt .pr{left: 100px;}
    .css-89 .txt .pl:after{left: 100%;border-left-color:rgba(0,60,129,0.3); }
    .css-89 .txt .pr:after{right: 100%;border-right-color:rgba(0,60,129,0.3); }
}
.css-89 .txt dl{font-size: 24px; line-height: 40px;}
.css-89 .txt p{margin: 0;font-size: 16px; line-height: 24px;}

@media(min-width:1025px) and (max-width:1440px){
    .css-89 .txt .inner{width: 300px;}
}
@media(min-width:1025px) and (max-width:1200px){
    .css-89 .txt .inner{padding: 10px;}
    .css-89 .txt .pl{right: 50px;}
    .css-89 .txt .pr{left: 50px;}
    .css-89 .txt p{font-size: 14px; line-height: 20px;}
}
@media(max-width:1024px){
    .css-89 .txt .inner{margin-top: 10px;}
    .css-89 .pic{position: absolute; left: 0; width: 100%; top: 0; z-index: 0;}
    .css-89 .txt{position: relative; z-index: 10;}
    .css-89 {overflow: hidden;}
}


.join-content .box-3 .tab ul{ max-width: 524px; margin: 0 auto;}
.join-content .box-3 .tab li{width: 32%;float: left; position: relative; cursor: pointer;}
.join-content .box-3 .tab li:before{position: absolute; left: 0; top: 0; width: 100%; height: 100%;border: 1px solid rgba(238,238,238,0.2);content: '';transform: skewX(-15deg);-webkit-transform: skewX(-15deg);-ms-transform: skewX(-15deg);}
.join-content .box-3 .tab li b{font-size: 16px;color: #fff;position: relative; z-index: 10;text-align: center;line-height: 40px;display: block;}
.join-content .box-3 .tab li:not(:last-child){margin-right: 2%;}
.join-content .box-3 .tab li.on:before{background: #d70039;border: 0;}
.join-content .tab-form{background: url(../images/jsjm-formbg.png) no-repeat;background-size: cover; margin-top: 40px;padding: 3%;}
@media(min-width:1025px){
    .join-content .tab-form .left{float: left;width: 35%;}
    .join-content .tab-form .right{float: right;width: 60%;}
}
@media(max-width:1024px){
    .join-content .tab-form .left{padding-bottom: 30px;}
}

.join-content .tab-form .left{font-size: 16px;}
.join-content .tab-form .left .tit{font-size: 30px;padding-top: 15px;}
.join-content .tab-form .left ul{margin: 40px 0;}
.join-content .tab-form .left li{line-height: 36px;padding-left: 26px;background: url(../images/jsjm-call.png) no-repeat left 13px;}
.join-content .tab-form .left li.li-mail{background-image: url(../images/jsjm-email.png);}
.join-content .tab-form .left .tip{opacity: 0.2;-webkit-opacity: 0.2;}

@media(min-width:641px){
    .join-content .tab-form .right li{float: left; width: 48%;}
    .join-content .tab-form .right li:nth-child(2n){float: right;}
    .join-content .tab-form .right ul:not(:last-child){margin-bottom: 20px;}
}
@media(max-width:640px){
    .join-content .tab-form .right li{margin-bottom: 10px;}
    .join-content .tab-form .left .tit{font-size: 24px;}
    .join-content .tab-form .left ul{margin: 20px 0;}
}
.join-content .tab-form .right li .inner{position: relative;}
.join-content .tab-form .right li label{position: absolute; left: 0;padding-left: 20px; top: 0;line-height: 60px;font-size: 16px;}
.join-content .tab-form .right li select,
.join-content .tab-form .right li .text{height: 60px; line-height: 60px; border: 0;width: 100%;padding: 0 20px;background-color: rgba(255,255,255,0.1);font-size: 16px;color: #fff;}
.join-content .tab-form .right li select{display: block!important;}
.join-content .tab-form .right li select option{color: #333;}
.join-content .tab-form .right li.li-code{position: relative;}
.join-content .tab-form .right li.li-code .inner{width: 48%;}
.join-content .tab-form .right li.li-code > img{position: absolute; right: 0; top: 0; width: 48%;height: 100%;}
.join-content .tab-form .right li .btn{width: 50%;height: 60px;background: #d70039;cursor: pointer; color: #fff;font-size: 16px;border: 0;}
@media(max-width:640px){
    .join-content .tab-form .right li .btn{width: 100%;}
    .join-content .tab-form .right li.li-code .inner{width: 60%;}
    .join-content .tab-form .right li.li-code > img{width: 38%;}
}

.store-content{background: url(../images/store-contentbg.jpg) no-repeat center top;background-size: cover; padding-bottom: 5%;}
.store-content .column-name{padding-bottom: 2%;}
.store-content .column-name *{color: #fff}
.store-content .column-name pre{font-size: 20px; margin-bottom: 10px;}
.store-content .same-map{width: 95%;}
@media(max-width:1024px){
    .store-content .same-map .Scroll{height: 400px!important;}
}


.exhibition_bg{ color:#fff; padding:5% 0;background: #002753 url(../images/exhibition_bg.jpg) no-repeat center top;}
.exhibition_bg .name{ font-size:44px; padding:40px 0; text-align:center;}
.exhibition_bg .tip{ text-align:center; font-size:16px;}
.ban_wap{ display:none}
@media(max-width:1024px){
    .ban_wap{ display:block}
    .ban_pc{ display:none}
    .exhibition_bg .name{font-size:28px;}
}
@media(max-width:640px){
    .exhibition_bg .name{font-size:20px;}
}
.exhibition-top{ padding:20px; position: relative;z-index: 1; max-width:940px; margin:auto; background: url(../images/exhibition_video_bg.png) no-repeat center center; background-size: contain; }
.exhibition-top .box{position:relative}
.exhibition-top a.play-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 20;background: #fff;opacity: 0;-webkit-opacity: 0; cursor: pointer;}
.exhibition-top > img{display: block; width: 100%;}
.exhibition-top .txt{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 10;background: rgba(0,0,0,0.4);font-size: 30px;}
.exhibition-top .txt .ytable{max-width:90% ; margin: 0 auto;}
.exhibition-top .txt aside{color: #fff;font-size: 1em;text-align: center;}
.exhibition-top .txt .icon{display: block; margin: 0 auto 1em; width:2.66667em;height:2.66667em;background: url(../images/open.png) no-repeat center center;background-size: contain;}
.exhibition-top .control{position: absolute;z-index: 15; left: 3%; right: 3%; bottom: 8%; padding-left: 60px;height: 2px;}
.exhibition-top .control > span{position: absolute; top:50%;margin-top: -8px;width: 13px; height: 16px;background: url(../images/c-pause.png)no-repeat center center;}
.exhibition-top .control > span.pause{left: 0;}
.exhibition-top .control > span.play{left: 33px; background-image: url(../images/c-play.png);}
.exhibition-top .control .jd{background: rgba(255,255,255,0.2);height: 2px; position: relative;}
.exhibition-top .control .jd span{position: absolute; left: 0; top: 0; height: 100%; width: 15%;background: #fff;}
@media(max-width:1024px){
    .exhibition-top .txt{font-size: 24px;}
}
@media(max-width:640px){
    .exhibition-top .txt{font-size: 16px;}
}


.exhibition-top .slick-arrow{position:absolute; top:50%; width:50px; height:50px;margin-top:-25px;cursor:pointer;font-size:0;background:url(../images/ico_arrow_prev4.png) no-repeat center center;border:1px solid rgba(255,255,255,0.3); border-radius:50%;}
.exhibition-top .slick-next{right:-100px;background-image:url(../images/ico_arrow_right4.png);}
.exhibition-top .slick-prev{left:-100px;}
@media(max-width:1120px){
.exhibition-top .slick-arrow{display:none!important;}
}

.exhibition-list{ padding-top:5%}
.exhibition-list .name{ padding-bottom:20px;}
.exhibition-list .tip{ padding-bottom:30px;}
.exhibition-list .slider{margin:0  -15px 38px;}
.exhibition-list li a{display: block; margin: 0 15px; }
.exhibition-list li .pic{overflow: hidden;position: relative;padding-bottom: 75%;}
.exhibition-list li .pic-inner{position: absolute;width: 200%; left: -50%;text-align: center;height: 100%;}
.exhibition-list li .pic-inner img{height: 100%;display: block; margin: 0 auto; transition: 0.3s;}
.exhibition-list li:hover .pic img{transform: scale(1.2); -webkit-transform: scale(1.2);-ms-transform: scale(1.2);}
.exhibition-list li .txt{padding-right: 3%;}
.exhibition-list li .txt time{display: block; padding: 20px 0 10px 0; font-family: Arial;color: #8298af;}
.exhibition-list li .txt h3{line-height: 36px; font-size: 23px;height: 72px; color:#fff}
.exhibition-list li .txt aside.dot2{line-height: 24px;height: 48px; color: #647c97; margin: 10px 0;}
.exhibition-list .pager{border-top: 1px solid rgba(180,175,168,0.3);margin-top: 17px;}
.exhibition-list .pager .slick-dots li{float: left; width: 40px; height: 34px; position: relative;background: url(../images/ico_rhombus2.png) no-repeat center center; margin: 0 5px;cursor: pointer;}
.exhibition-list .pager .slick-dots li.slick-active{background: none;}
.exhibition-list .pager .slick-dots li button{display: none;width: 100%;height: 34px;color: #333;font-size: 12px;background: url(../images/ico_rhombus3.png) no-repeat center center;cursor: pointer;}
.exhibition-list .pager .slick-dots li button:before{content: '0';}
.exhibition-list .pager .slick-dots li.slick-active button{display: block;}
.exhibition-list .pager .slick-dots{display: table; margin: -17px auto 0;padding: 0 32px;background: #fff;}
.exhibition-list .slick-arrow{ text-indent:-200em; font-size:0; position:absolute; top:28%; width:58px; height:40px; background:none }
.exhibition-list .slick-prev{ left:-70px;}
.exhibition-list .slick-next{ right:-70px}
.exhibition-list .slick-arrow:before{position:absolute; content:''; display:block;width:100%; height:100%; background:no-repeat center center; z-index:5;}

.exhibition-list .slick-arrow:after{ position:relative; z-index:4; content:''; display:block; width:100%; height:100%; background-color:#3f6388;  transform: skew(-15deg);  -webkit-transform: skew(-15deg); -ms-transform: skew(-15deg);}
.exhibition-list .slick-arrow:hover:after{ background-color:#d70039;  }
.exhibition-list .slick-arrow.slick-prev:before{background-image: url(../images/jt_prev.png);}
.exhibition-list .slick-arrow.slick-next:before{background-image: url(../images/jt_next.png);}
@media(max-width:1660px){
    .exhibition-list{ padding-left:80px; padding-right:80px;}
}
@media(max-width:1024px){
    .exhibition-list li .txt h3{font-size: 18px; line-height: 22px; height: 44px;}
}
@media(max-width:640px){
    .exhibition-list{ padding-left:10px; padding-right:10px;}
    .exhibition-list .slick-arrow{ width:30px; height:30px;}
    .exhibition-list .slick-prev{ left:0px;}
    .exhibition-list .slick-next{ right:0px}
    .exhibition-list .pager{ margin-top:0}
}
@media(max-width:480px){
    .exhibition-list .pager .slick-dots{padding: 0 10px;}
    .exhibition-list .pager .slick-dots li{margin: 0;}
}

/*introduce重复样式*/
.intr_title{ text-align:center; min-height:80px; padding:40px 0;}
.intr_title .intr_title_en{ color:#acacac; font-size:36px; line-height:40px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}
.intr_title .intr_title_cn{ color:#282828; font-size:30px; margin:0 auto; max-width:315px; height:18px; line-height:36px; border-bottom:solid 1px #cdcdcd;}
.intr_title .intr_title_cn span{ background:#fff; padding:0 15px;}
.intr_title_des{ color:#868686; padding-top:30px;}
/*introduce重复样式*/

/*线上网点*/
.net_online_dh { line-height:40px; font-size:30px; color:#3a3a3a; text-align:center; }
.net_online_con { padding:20px 0; }
.net_online_con .h_name {  background:#fff; height:auto; font-size:18px; color:#6b0505; }
.net_online_con .h_name ul li { width:25%; float:left; text-align:center;}
.net_online_con .h_name ul li a { color:#282828; }
.net_online_con .h_name ul li .fu_div { display:block; height:auto; text-align:center;}
.net_online_con .h_name ul li img { max-width:140px; max-height:140px; display:block; margin:0 auto; margin-bottom:25px; -moz-border-radius:100%;-webkit-border-radius:100%;border-radius:100%; webkit-transition:all 0.2s linear;transition:all 0.2s linear;}
.net_online_con .h_name ul li:hover img{  -webkit-transform:translate3d(0, -5px, 0); transform:translate3d(0, -5px, 0); -webkit-box-shadow:0 10px 10px rgba(0,0,0,0.1); box-shadow:0 6px 6px rgba(0,0,0,0.1);}
.net_sanfang { padding:50px 0;}
.net_sanfang_con { padding-top:30px; }
.net_sanfang_con .pic { width:calc(25% - 2px); float:left; text-align:center; height:70px; background:#f2f2f2; border:solid 1px #f2f2f2; }
.net_sanfang_con .pic a{ display:block; line-height:0;}
.net_sanfang_con .pic img { max-width:200px; max-height:68px;}
.net_sanfang_con .pic:hover,.net_sanfang_con .ui-tabs-active{ border:solid 1px #e0e1e3; box-shadow:rgba(48, 50, 50, 0.2) 0px 0px 10px;}
.online_sline_con { background:#fbfbfb; padding:20px 0; padding-left:40px; min-height:10px; height:auto; _height:10px; }
.online_sline_con .dian_li { width:33%; float:left; height:48px; line-height:48px; font-size:16px; background:url(/tpl/2016/a/www.arrowsanitary.com.cn/images/tb3.jpg) no-repeat left center; padding-left:7%; }
.online_taobao_dh { font-size:18px; color:#6b0505; height:56px; line-height:56px; padding-left:50px; background:#eeeeee; clear:both; margin-top:25px; }

@media all and (max-width:960px) {
    .intr_title{ min-height:52px; padding:20px 0;}
    .intr_title .intr_title_en{ font-size:20px; line-height:26px;}
    .intr_title .intr_title_cn{ font-size:18px; max-width:200px; height:13px; line-height:26px;}
    .intr_title .intr_title_cn span{ padding:0 10px;}
    .intr_title_des{ color:#868686; padding-top:15px; font-size:12px;}
    /*introduce重复样式*/

    .net_online_dh { font-size:20px;}
    .net_online_con .h_name { font-size:14px; line-height:22px;}
    .net_online_con .h_name ul li{ width:50%; margin-bottom:20px;}
    .net_online_con .h_name ul li .fu_div { padding:0 3%;}
    .net_online_con .h_name ul li img { width:75%; margin-bottom:10px;}
    .net_sanfang { padding:20px 0;}
    .net_sanfang_con { padding-top:15px; }
    .net_sanfang_con .pic { height:auto; padding:10px 0;}
    .net_sanfang_con .pic img {width:96%;height:auto;}
    .online_sline_con { padding:10px;}
    .online_sline_con .dian_li { width:97%;float:none;clear:both;padding-left:3%;font-size:14px;height:36px;line-height:36px;}
}

.c-shoplinks{ position: relative; z-index: 2;}
.proewm_img{float: right;padding-right: 2%;margin-top: -3%;width: 220px;text-align: center;}
.proewm_img img{ max-width: 120px;}
.pro_infoewm{text-align: center;float: right;width: 33%;}
.pro_infoewm img{max-width: 120px; margin-bottom: 20px; margin-top: -45px;}
@media all and (max-width:640px) {
    .proewm_img{ text-align: left; padding: 0; margin: 0;}
    .proewm_img img{ margin: 3% 0;}
    .pro_infoewm img{ margin: 2% 0;}
}


.banner-info-css .main{max-width:768px; margin:0 auto;}
.banner-info-css .img{position:relative;z-index:1;}
.banner-info-css .img .wap{display:none;}
.banner-info-css .btn{position:absolute; left:15%; top:63%;}
.banner-info-css .btn .all-more{}
@media all and (max-width:768px) {
.banner-info-css .img .wap{display:block;}
.banner-info-css .img .pc{display:none;}
.banner-info-css .btn{position:absolute; left:6%; top:70%;}
}

.serviceTH-content{color:#fff;background:url(../images/servicebg.jpg) no-repeat center top;background-size:cover;padding:2% 0;}
.serviceTH-content .column-name h2{color:#fff;}

.css-120 li{background:url(../images/libg.png) no-repeat center top;background-size:100% auto;margin-bottom:6.8%;}
.css-120 li .tit{font-size:24px;padding:20px 0;font-family: 'fzzzhonggjw';}
.css-120 li p{line-height:28px;margin:0 0 28px 0;font-size:16px; text-align:justify;}
.css-120 li p.p-o{line-height:38px;}
.css-120 li .icon img{margin-top:-40px;}
.css-120 li .code{float:right;text-align:center;margin-left:13%; margin-top:7px;}
.css-120 li .code aside{padding-top:15px;}
.css-120 li .table td{border:1px solid #386294;line-height:24px;padding:13px 0;font-size:16px; text-align:center;}
.css-120 li .table tr:nth-child(1) td:nth-child(1){width:135px;}
.css-120 li .table tr:nth-child(1) td:nth-child(3){width:88px;}
.css-120 li .table td .tip{opacity:0.7;}
@media (min-width:1025px) {
.css-120 li{float:left;width:46.528%;padding:0 0 10px 30px;}
.css-120 li:nth-child(2n){float:right;}
.css-120 li:nth-child(1) p{max-width:500px;}
.css-120 li:nth-child(5){margin-bottom:0;float:right;margin-top:-1%;}
}
@media(max-width:1024px) {
	.css-120 li{padding:0 10px 10px;margin-bottom:70px;}
}
@media(max-width:480px) {
.css-120 li p{line-height:24px;margin:0 0 20px 0;font-size:14px;}
.css-120 li .table td{line-height:22px;font-size:14px;padding:10px 5px;}
.css-120 li .table td:nth-child(3){width:55px;}
}

.css-125 li{/*background:url(../images/libg.png) no-repeat center top;*/background-size:100% auto;margin-bottom:6.8%;}
.css-125 li .tit{font-size:24px;padding:20px 0;font-family: 'fzzzhonggjw';}
.css-125 li p{line-height:28px;margin:0 0 28px 0;font-size:16px; text-align:justify;}
.css-125 li p.p-o{line-height:38px;}
.css-125 li .icon img{margin-top:-40px;}
.css-125 li .code{float:right;text-align:center;margin-left:13%; margin-top:7px;}
.css-125 li .code aside{padding-top:15px;}
.css-125 li .table td{border:1px solid #386294;line-height:24px;padding:13px 0;font-size:16px; text-align:center;}
.css-125 li .table tr:nth-child(1) td:nth-child(1){width: 100px;}
.css-125 li .table tr:nth-child(1) td:nth-child(2){width: 100px;}
.css-125 li .table tr:nth-child(1) td:nth-child(3){width:150px;}
.css-125 li .table tr:nth-child(1) td:nth-child(5){width: 100px;}
.css-125 li .table td .tip{opacity:0.7;}
@media (min-width:1025px) {
.css-125 li{/*float:left;width:46.528%;*/padding:0 0 10px 30px;}
.css-125 li:nth-child(2n){float:right;}
.css-125 li:nth-child(1) p{max-width:500px;}
.css-125 li:nth-child(5){margin-bottom:0;float:right;margin-top:-1%;}
}
@media(max-width:1024px) {
	.css-125 li{padding:0 10px 10px;margin-bottom:70px;}
}
@media(max-width:640px) {
.css-125 li{padding:0}
/*.css-125 li .table{ overflow-x: auto;}
.css-125 li .table table{width:150%;}*/
.css-125 li .table tr td{width:auto!important; padding:10px 2px;}
.css-125 li .table tr:nth-child(1) td{ white-space: nowrap;}
}
@media(max-width:480px) {
.css-125 li p{line-height:24px;margin:0 0 20px 0;font-size:14px;}
.css-125 li .table td{line-height:22px;font-size:14px;padding:10px 5px;}
.css-125 li .table td:nth-child(3){width:55px;}
}

.contact-us{position:relative; background: #f8f8f8;}
.contact-us .map-left{border: 1px solid #eee;background: #fff;}
.contact-us .right-tex{ padding: 12px 3%;}
.contact-us .map-left .map{position: absolute; left: 12px; right: 12px; bottom: 12px; top: 12px;}
.contact-us .map-left #allmap *{box-sizing: content-box;}
.contact-us .map-left #allmap img{max-width: none;}
@media(min-width:1025px){
	.contact-us .map-left{width: 71.429%;position: absolute; left: 0; top: 0; height: 100%;border-right: none;}
	.contact-us .right-tex{margin-left: 71.429%;min-height: 578px;}
}
@media(max-width:1024px){
	.contact-us .map-left{padding-bottom: 70%;position: relative;}
}
@media(max-width:480px){
	.contact-us .map-left .map{ left:4px; right: 4px; bottom: 4px; top: 4px;}
}

.contact-us .right-tex h2{line-height: 80px;height: 80px ; position: relative; border-bottom: 1px solid #e6e6e6;color: #555555;margin: 0 auto;padding-left:40px;background: url(../images/map-icon2.png) no-repeat left center;font-size: 20px;color: #555555;font-weight: 100; padding-right: 30px;}
.contact-us .right-tex h2 i{position: absolute; right: 10px; width: 17px;height: 17px;background: url(../images/icon_r6.png) no-repeat center;top: 31px; cursor: pointer;}
.b-link {position: relative;}
.b-link .other{ z-index:10; display:none; top: 100%; position:absolute; width:100%; border: 1px solid #dedede; background: #FFF; border-radius:0 0 6px 6px;max-height:300px; overflow:auto;}
.b-link .other span{ display:block; padding:10px 6%; cursor: pointer;line-height:20px;}


.contact-us .right-tex .box{padding-top: 40px;}
.contact-us .right-tex .box p{line-height: 26px;margin: 10px 0;font-size: 18px;color: #555555;overflow: hidden;}
.contact-us .right-tex .box p span{display: block;/*float: left;*/padding-left:5em;margin-top: -26px;}
.contact-us .right-tex .box article {padding-top: 40px;}
.contact-us .right-tex .box article img{display: block; margin: 0 auto; max-width: 136px; width: 50%;}
.contact-us .right-tex .box article span{display: block; text-align: center;line-height: 36px;font-size: 18px;color: #555555;}


.index .sec1 video{display:block;margin:auto;max-width: 100%;}